ది “window.open()” JavaScript పద్ధతి డెవలపర్లను వారి వెబ్పేజీలోని మరొక విండోకు లింక్ చేయడానికి అనుమతిస్తుంది. వినియోగదారు పేర్కొన్న చర్యను అమలు చేసినప్పుడు ఈ విండో ప్రారంభించబడుతుంది.
సంక్షిప్తంగా, ప్రధాన కార్యాచరణ “window.open()” ప్రధాన వెబ్పేజీ ఇంటర్ఫేస్కు భంగం కలిగించకుండా ప్రధాన వెబ్పేజీలో కొత్త విండోను తెరవడం పద్ధతి. కొన్ని సందర్భాల్లో, కొత్త విండో విజయవంతంగా తెరవబడుతుంది కానీ స్క్రోల్బార్ అస్సలు కనిపించదు, ఇది వినియోగదారులకు చెడు అభిప్రాయాన్ని పంపుతుంది.
ఈ శీఘ్ర గైడ్ JavaScriptలో window.open() పద్ధతితో నిలువు స్క్రోల్బార్ని సృష్టించే ప్రక్రియను వివరిస్తుంది.
జావాస్క్రిప్ట్లో “window.open()”తో నిలువు స్క్రోల్బార్లను ఎలా సృష్టించాలి?
ది “window.open()” డిఫాల్ట్గా పద్ధతి కొత్త వెబ్పేజీ కంటెంట్ పొడవు మరియు తెరిచిన విండో పరిమాణాన్ని బట్టి నిలువు స్క్రోల్బార్ను జోడిస్తుంది. వెబ్పేజీ యొక్క కంటెంట్ విండో పరిమాణం కంటే ఎక్కువగా ఉంటే, స్క్రోల్బార్ ఎటువంటి CSS లక్షణాలను వర్తింపజేయకుండా డిఫాల్ట్గా జోడించబడుతుంది. అయితే, డెవలపర్ అనుకూల స్క్రోల్బార్ని జోడించాలనుకుంటే, మీరు దిగువ ఉదాహరణలలో వివరించిన పద్ధతులను అనుసరించవచ్చు.
వాక్యనిర్మాణం
కోసం వాక్యనిర్మాణం “window.open()” పద్ధతి క్రింద పేర్కొనబడింది:
కిటికీ. తెరవండి ( మార్గం , గమ్యం , విన్ఫీట్ )ఇక్కడ, 'మార్గం' అనేది కొత్త విండోలో తెరవబడే వెబ్పేజీ యొక్క మార్గం. ది 'గమ్యం' కనిపించే కొత్త విండో యొక్క స్థానం, దీనికి సెట్ చేయవచ్చు 'ఖాళీ' , 'తల్లిదండ్రులు' , 'స్వీయ' లేదా 'పైన'. మూడవ పరామితి 'winFeat' లేదా విండో లక్షణాలు, ఇది విండోను అనుకూలీకరించవలసిన అవసరాన్ని బట్టి సెట్ చేయగల వివిధ విలువలను అందిస్తుంది.
దీన్ని ఉపయోగించి కొత్తగా తెరిచిన విండోలో నిలువు స్క్రోల్బార్ను రూపొందించడానికి కొన్ని ఉదాహరణలను చూద్దాం “window.open()” పద్ధతి.
ఉదాహరణ: “window.open()” పద్ధతితో “స్క్రోల్బార్లు” విండో ఫీచర్ని ఉపయోగించడం
ఈ సందర్భంలో, ది “window.open()” పద్ధతి వెంట ఉపయోగించబడుతుంది 'స్క్రోల్బార్లు' క్రింద చూపిన విధంగా, కొత్తగా తెరిచిన విండో కోసం నిలువు స్క్రోల్బార్ను సెట్ చేయడానికి విండో ఫీచర్లు:
< తల >< స్క్రిప్ట్ రకం = 'టెక్స్ట్/జావాస్క్రిప్ట్' >
ఫంక్షన్ సెట్స్క్రోల్ ( ) {
ఉంది కొత్త విజయం = కిటికీ. తెరవండి ( 'https://linuxhint.com' , 'పైన' , 'వెడల్పు=500, ఎత్తు=500, స్క్రోల్బార్లు=అవును' ) ;
}
స్క్రిప్ట్ >
తల >
< శరీరం >
< p > ఇన్లో Linuxhint బ్లాగును తెరవడానికి క్రింది బటన్ను నొక్కండి - స్క్రీన్ విండో. p > నన్ను క్లిక్ చెయ్యి బటన్ >
శరీరం >
పై కోడ్ యొక్క వివరణ:
- మొదట, ది “సెట్స్క్రోల్()” ఫంక్షన్ లోపల నిర్వచించబడింది “<స్క్రిప్ట్>” ట్యాగ్. వేరియబుల్ 'newWin' కూడా సృష్టించబడింది, అది కలిగి ఉంటుంది “window.open()” దానిలో పద్ధతి.
- తరువాత, వెబ్పేజీ 'లింక్' యొక్క మొదటి పారామీటర్ను దీనికి పాస్ చేయండి “window.open()” పద్ధతి. అలాగే, వెబ్ బ్రౌజర్ యొక్క ఎగువ స్థానంలో కొత్త విండోను ప్రదర్శించడానికి రెండవ పరామితి కోసం 'టాప్' విలువను సెట్ చేయండి.
- ఆ తరువాత, విండో ప్రవర్తనను అనుకూలీకరించడానికి విండో లక్షణాలను ఉపయోగించండి 'వెడల్పు' , 'ఎత్తు' మరియు 'స్క్రోల్బార్లు' విండో యొక్క వెడల్పు మరియు ఎత్తు మరియు స్క్రోల్బార్ను వరుసగా సెట్ చేయడానికి.
- చివరికి, aని సృష్టించండి 'బటన్' ట్రిగ్గర్ చేసే మూలకం “సెట్స్క్రోల్()” ఉపయోగించి ఫంక్షన్ 'క్లిక్' ఈవెంట్ వినేవాడు.
సంకలనం ముగిసిన తర్వాత, అవుట్పుట్ ఇలా కనిపిస్తుంది:
కొత్తగా రూపొందించబడిన విండోకు స్క్రోల్బార్ జోడించబడిందని అవుట్పుట్ నిర్ధారిస్తుంది.
ఉదాహరణ 2: స్క్రోల్బార్ను మాన్యువల్గా సెట్ చేయడం
స్క్రోల్బార్ను సెట్ చేయడానికి మరొక మార్గం CSSని ఉపయోగించడం 'ఓవర్ఫ్లో-y' మరియు 'ఓవర్ఫ్లో-x' దిగువ చూపిన విధంగా కొత్త విండోలో తెరవబడే ద్వితీయ పేజీలోని లక్షణాలు:
< తల >< స్క్రిప్ట్ రకం = 'టెక్స్ట్/జావాస్క్రిప్ట్' >
ఫంక్షన్ సెట్స్క్రోల్ ( ) {
ఉంది కొత్త విజయం = కిటికీ. తెరవండి ( 'https://linuxhint.com' , టాప్ , 'వెడల్పు=500, ఎత్తు=500, పునఃపరిమాణం, స్క్రోల్బార్లు=1);
}
<బాడీ>
ఇన్-స్క్రీన్ విండోలో Linuxhint బ్లాగును తెరవడానికి దిగువ బటన్ను నొక్కండి.
నన్ను క్లిక్ చేయండి