ஜாவாஸ்கிரிப்ட்டில் 'window.open()' மூலம் செங்குத்து ஸ்க்ரோல்பார்களை உருவாக்குவது எப்படி?

Javaskiripttil Window Open Mulam Cenkuttu Skrolparkalai Uruvakkuvatu Eppati



தி “window.open()” JavaScript முறை டெவலப்பர்கள் தங்கள் வலைப்பக்கத்தில் உள்ள மற்றொரு சாளரத்துடன் இணைக்க அனுமதிக்கிறது. பயனர் குறிப்பிட்ட செயலைச் செய்யும்போது இந்தச் சாளரம் செயல்படுத்தப்படும்.

சுருக்கமாக, முக்கிய செயல்பாடு “window.open()” பிரதான வலைப்பக்கத்தின் இடைமுகத்திற்கு இடையூறு இல்லாமல் புதிய சாளரத்தைத் திறப்பதே முறை. சில சூழ்நிலைகளில், புதிய சாளரம் வெற்றிகரமாக திறக்கப்பட்டது, ஆனால் ஸ்க்ரோல்பார் தோன்றவில்லை, இது பயனர்களுக்கு மோசமான தோற்றத்தை அனுப்புகிறது.







இந்த விரைவு வழிகாட்டியானது, ஜாவாஸ்கிரிப்டில் window.open() முறையுடன் செங்குத்து ஸ்க்ரோல்பாரை உருவாக்குவதற்கான செயல்முறையை விரிவுபடுத்துகிறது.



ஜாவாஸ்கிரிப்ட்டில் 'window.open()' மூலம் செங்குத்து ஸ்க்ரோல்பார்களை உருவாக்குவது எப்படி?

தி “window.open()” புதிய வலைப்பக்க உள்ளடக்கத்தின் நீளம் மற்றும் திறக்கப்பட்ட சாளரத்தின் அளவைப் பொறுத்து செங்குத்து ஸ்க்ரோல் பட்டியை இயல்பாகவே முறை சேர்க்கிறது. வலைப்பக்கத்தின் உள்ளடக்கம் சாளர அளவை விட அதிகமாக இருந்தால், எந்த CSS பண்புகளையும் பயன்படுத்தாமல் ஸ்க்ரோல்பார் இயல்பாகவே சேர்க்கப்படும். இருப்பினும், டெவலப்பர் தனிப்பயன் ஸ்க்ரோல்பாரைச் சேர்க்க விரும்பினால், கீழே உள்ள எடுத்துக்காட்டுகளில் விளக்கப்பட்டுள்ள முறைகளைப் பின்பற்றலாம்.



தொடரியல்





க்கான தொடரியல் “window.open()” முறை கீழே கூறப்பட்டுள்ளது:

ஜன்னல். திறந்த ( பாதை , இலக்கு , வெற்றி )

இங்கே, 'பாதை' புதிய சாளரத்தில் திறக்கப்படும் வலைப்பக்கத்தின் பாதை. தி 'இலக்கு' புதிய சாளரம் தோன்றும் இடம், அதை அமைக்கலாம் 'வெற்று' , 'பெற்றோர்' , 'சுய' அல்லது 'மேல்'. மூன்றாவது அளவுரு 'winFeat' அல்லது சாளர அம்சங்கள், இது சாளரத்தைத் தனிப்பயனாக்க வேண்டிய தேவைக்கு ஏற்ப அமைக்கக்கூடிய பல்வேறு மதிப்புகளை வழங்குகிறது.



இதைப் பயன்படுத்தி புதிதாக திறக்கப்பட்ட சாளரத்தில் செங்குத்து உருள்பட்டியை உருவாக்க சில எடுத்துக்காட்டுகளைப் பார்ப்போம் “window.open()” முறை.

எடுத்துக்காட்டு: “window.open()” முறையுடன் “சுருள் பட்டைகள்” சாளர அம்சத்தைப் பயன்படுத்துதல்

இந்நிலையில், தி “window.open()” முறை பயன்படுத்தப்படுகிறது 'சுருள் பட்டைகள்' கீழே காட்டப்பட்டுள்ளபடி, புதிதாக திறக்கப்பட்ட சாளரத்திற்கான செங்குத்து உருள்பட்டியை அமைப்பதற்கான சாளர அம்சங்கள்:

< தலை >
< ஸ்கிரிப்ட் வகை = 'உரை/ஜாவாஸ்கிரிப்ட்' >
செயல்பாடு setScroll ( ) {
இருந்தது புதிய வெற்றி = ஜன்னல். திறந்த ( 'https://linuxhint.com' , 'மேல்' , 'அகலம்=500, உயரம்=500, சுருள்ப்பட்டிகள்=ஆம்' ) ;
}
கையால் எழுதப்பட்ட தாள் >
தலை >
< உடல் >
< > Linuxhint வலைப்பதிவை உள்ளே திறக்க கீழே உள்ள பொத்தானை அழுத்தவும் - திரை சாளரம். > என்னை கிளிக் செய்யவும் பொத்தானை >
உடல் >

மேலே உள்ள குறியீட்டின் விளக்கம்:

  • முதலில், தி “setScroll()” செயல்பாடு உள்ளே வரையறுக்கப்படுகிறது

    <உடல்>

    இன்-ஸ்கிரீன் விண்டோவில் Linuxhint வலைப்பதிவை திறக்க கீழே உள்ள பொத்தானை அழுத்தவும்.

    என்னை கிளிக் செய்யவும்

    மேலே உள்ள குறியீட்டின் விளக்கம்:

    • முதலில், ஒரு உருவாக்கவும் “setScroll()” செயல்பாடு, மற்றும் உள்ளே அது பயன்படுத்துகிறது “window.open()” மேலே உள்ள எடுத்துக்காட்டில் செய்யப்பட்ட அதே முறை.
    • மேலும், கூடுதல் சாளர அம்சத்தைச் சேர்க்கவும் 'மறுஅளவிடத்தக்கது' மற்றும் மதிப்பை மாற்றவும் 'சுருள் பட்டைகள்' அம்சங்கள் '1' செங்குத்து உருள்பட்டியை அமைக்க.

    இப்போது, ​​இணையப்பக்கத்தின் CSS கோப்பைத் திறக்கவும், அதன் இணைப்பு முதல் அளவுருவாக வழங்கப்படுகிறது “window.open()” முறை. எங்கள் விஷயத்தில், வலைப்பக்கத்தின் பெயர் 'லினக்சிண்ட்' எனவே அதன் CSS கோப்பைத் திறந்து அதில் பின்வரும் குறியீட்டைச் செருகவும்:

    < பாணி >
    html {
    நிரம்பி வழிகிறது - எக்ஸ் : மறைக்கப்பட்டுள்ளது ;
    நிரம்பி வழிகிறது - மற்றும் : ஆட்டோ ;
    }
    பாணி >

    மேலே உள்ள CSS பண்புகள் 'ஓவர்ஃப்ளோ-எக்ஸ்' மற்றும் 'ஓவர்ஃப்ளோ-ஒய்' கிடைமட்ட சுருள்பட்டியை மறைத்து, சாளரத்தின் நீளத்திற்கு ஏற்ப முழு HTML பக்கத்திற்கும் செங்குத்து உருள்பட்டியை அமைக்கவும்.

    இரண்டு கோப்புகளிலும் மேலே உள்ள குறியீடு துணுக்குகளைச் செருகி தொகுத்த பிறகு, வெளியீடு இப்படி இருக்கும்:

    “window.open()” முறையைப் பயன்படுத்தி திறக்கப்பட்ட சாளரத்தில் செங்குத்து உருள்ப்பட்டி சேர்க்கப்பட்டுள்ளது என்பதை வெளியீடு காட்டுகிறது.

    முடிவுரை

    உடன் செங்குத்து ஸ்க்ரோல்பார்களை உருவாக்க “window.open()” முறை, தி 'சுருள்ப்பட்டிகள்' சாளரத்தில் வழங்கப்படும் அம்சத்தை அமைக்கலாம் 'ஆம்' அல்லது '1' . மற்றொரு வழி, 'window.open()' முறையில் முதல் அளவுருவாக அனுப்பப்பட்ட வலைப்பக்கத்திற்கான CSS அல்லது HTML கோப்பைத் திறந்து, அங்கு CSS ஐப் பயன்படுத்தவும். 'ஓவர்ஃப்ளோ-எக்ஸ்' மற்றும் 'ஓவர்ஃப்ளோ-ஒய்' பண்புகள். இந்த வலைப்பதிவு JavaScript இல் window.open() முறையுடன் செங்குத்து ஸ்க்ரோல் பட்டியைச் சேர்ப்பதற்கான வழிகளை விளக்கியுள்ளது.