HTMLలో 'స్క్రిప్ట్' ట్యాగ్‌ల సంఖ్యకు ఎటువంటి పరిమితి లేదు. కాబట్టి, ఒకే HTML డాక్యుమెంట్‌లో బహుళ “స్క్రిప్ట్” ట్యాగ్‌లు ఉండవచ్చు.
HTMLలో
జోడించడం ఆవిర్భవించినది > హెడ్ ఎలిమెంట్‌లో ట్యాగ్ చేయండి
జావాస్క్రిప్ట్ ఫంక్షన్‌లతో కూడిన స్క్రిప్ట్ ట్యాగ్‌లను హెడ్ ఎలిమెంట్‌లో జోడించవచ్చు. HTML డాక్యుమెంట్ యొక్క హెడ్ ఎలిమెంట్‌లో జోడించిన జావాస్క్రిప్ట్ ఫంక్షన్‌కి ఒక సాధారణ ఉదాహరణను తీసుకొని ఈ ఆలోచనను ఆచరణాత్మకంగా అమలు చేద్దాం.
ఉదాహరణ
హెడ్ ఎలిమెంట్ లోపల స్క్రిప్ట్ ఎలిమెంట్‌ని జోడించండి లేదా ఇప్పటికే ఉన్న HTML డాక్యుమెంట్‌లోని స్క్రిప్ట్ ఎలిమెంట్‌ను హెడ్ ట్యాగ్‌కి తరలించండి:
< తల >
< స్క్రిప్ట్ >
ఫంక్షన్ myFunction() {
document.getElementById('demoId').innerHTML = 'తర్వాత!!!';
}
< / స్క్రిప్ట్ >
< / తల >
< శరీరం >
< h2 > హెడ్‌లో స్క్రిప్ట్ ట్యాగ్‌లను జోడిస్తోంది < / h2 >
< p id = 'డెమోయిడ్' > ముందు... < / p >
< బటన్ రకం = 'బటన్' క్లిక్ చేయండి = 'myFunction()' > దీన్ని మార్చు < / బటన్ >
< / శరీరం >
పై కోడ్ స్నిప్పెట్‌లో:
- అక్కడ ఒక ' 'లోపల శీర్షిక' శరీరం 'మూలకం మరియు దాని తర్వాత, ఒక' పేరా ”ఒక సాధారణ వచనాన్ని కలిగి ఉన్న మూలకం.
- అప్పుడు ఒక బటన్ సృష్టించబడుతుంది మరియు ఒక ఫంక్షన్ ' myFunction() ''లో నిర్వచించబడింది క్లిక్ చేయండి ” లక్షణం ఈవెంట్ హ్యాండ్లర్‌గా జోడించబడింది.
- ది ' స్క్రిప్ట్ 'మూలకం' లోపల జోడించబడింది తల 'మూలకం, మరియు దాని లోపల, ఫంక్షన్ అంటారు, మరియు ' getElementById 'పద్ధతి 'ని సూచిస్తూ నిర్వచించబడింది demoId '.
ఇది అవుట్‌పుట్‌లో జావాస్క్రిప్ట్ ఫంక్షన్‌ను సరిగ్గా అమలు చేస్తుంది:
జోడించడం <లు క్రిప్ట్ > బాడీ ఎలిమెంట్‌లో ట్యాగ్ చేయండి
స్క్రిప్ట్ ట్యాగ్‌లను '' లోపల కూడా జోడించవచ్చు <బాడీ> 'మూలకం ముగింపుకు ముందు ఎక్కడైనా' శరీరం ' టాగ్లు.
ఉదాహరణ
ఒకవేళ అదే ఫలితాలు సృష్టించబడతాయి స్క్రిప్ట్ ” ట్యాగ్‌లు జోడించబడ్డాయి శరీరం మూలకం:
< / శరీరం >
< h2 >బాడీలో స్క్రిప్ట్ ట్యాగ్‌లను జోడించడం< / h2 >
< p id = 'డెమోయిడ్' >ముందు...< / p >
< బటన్ రకం = 'బటన్' క్లిక్ చేయండి = 'myFunction()' > మార్చండి< / బటన్ >
< స్క్రిప్ట్ >
ఫంక్షన్ myFunction ( ) {
document.getElementById ( 'డెమోయిడ్' ) .innerHTML = 'తర్వాత!!!' ;
}
< / స్క్రిప్ట్ >
< / శరీరం > పై కోడ్ స్నిప్పెట్‌లో:
- ఈ పోస్ట్ యొక్క మునుపటి విభాగంలో వివరించిన అదే కోడ్‌లోని అదే JavaScript ఫంక్షన్ బాడీ ఎలిమెంట్‌లో జోడించబడింది.
జోడించడం' స్క్రిప్ట్ '' లోపల ట్యాగ్‌లు శరీరం ” మూలకం కూడా అదే ఫలితాలను ఉత్పత్తి చేస్తుంది మరియు జావాస్క్రిప్ట్ ఫంక్షన్‌ని సరిగ్గా అమలు చేస్తుంది:
ఇది ఎక్కడ ఉండాలో చూపిస్తుంది ' <స్క్రిప్ట్> ” ట్యాగ్‌లు HTML డాక్యుమెంట్‌లో ఉంచబడతాయి. అయితే, రెండు పద్ధతుల మధ్య ఏదో ఒక విధమైన వ్యత్యాసం ఉందా అని మీరు ఆశ్చర్యపోవచ్చు.
హెడ్ మరియు బాడీ ఎలిమెంట్స్‌లో <స్క్రిప్ట్> ఉంచడంలో తేడా
రెండు పద్ధతుల మధ్య ప్రధాన వ్యత్యాసం ఏమిటంటే, స్క్రిప్ట్ ట్యాగ్ బ్రౌజర్‌లో లోడ్ చేయబడిన సమయానికి సంబంధించినది.
సాధారణంగా,
మూలకం బ్రౌజర్ ద్వారా లోడ్ చేయబడిన మొదటి మూలకం, మరియు దీని అర్థం తల లోపల ఉంచబడిన ఏదైనా స్క్రిప్ట్ వెబ్‌పేజీ యొక్క మూలకాలను లోడ్ చేయడానికి ముందే లోడ్ చేయబడుతుంది. అయితే, స్క్రిప్ట్‌లో ఉంచినట్లయితే <బాడీ> మూలకం, అప్పుడు అది ఉంచబడిన లైన్ సంఖ్య క్రమంలో లోడ్ చేయబడుతుంది.
ముగింపు
ది ' స్క్రిప్ట్ HTML డాక్యుమెంట్‌లోని ” ట్యాగ్‌లను (జావాస్క్రిప్ట్ ఫంక్షన్‌లను కలిగి ఉంటుంది) లోపల ఉంచవచ్చు తల 'మూలకం అలాగే లోపల' శరీరం ' మూలకం. పత్రంలోని రెండు మూలకాలలో (తల మరియు శరీరం) కూడా వాటిని జోడించవచ్చు. ఈ మార్గాలన్నీ జావాస్క్రిప్ట్‌లో పని చేస్తాయి <స్క్రిప్ట్> ” ట్యాగ్‌లు సరిగ్గా పని చేస్తాయి. ఈ కథనం ఎక్కడ జోడించాలో పూర్తి అవలోకనాన్ని అందిస్తుంది “ <స్క్రిప్ట్> HTML డాక్యుమెంట్‌లో ” ట్యాగ్‌లు.