ఈ గైడ్ జావాస్క్రిప్ట్‌ను HTML ఫైల్‌లో ఉంచే విధానాలను వివరిస్తుంది.
HTML ఫైల్‌లో జావాస్క్రిప్ట్‌ను ఎక్కడ ఉంచాలి?
HTML ఫైల్‌లో జావాస్క్రిప్ట్ ప్లేస్మెంట్ ఇందులో ఉండవచ్చు:
విధానం 1: HTML ఫైల్‌లో ట్యాగ్‌లో జావాస్క్రిప్ట్ ఉంచడం
ఈ విధానంలో, కోడ్‌లోని జావాస్క్రిప్ట్ భాగాన్ని “లో ఉంచడం <తల> ” ట్యాగ్ చిత్రీకరించబడుతుంది.
ఉదాహరణ
క్రింద ఇవ్వబడిన ప్రదర్శన యొక్క అవలోకనాన్ని చూద్దాం:
< తల >
< స్క్రిప్ట్ రకం = 'టెక్స్ట్/జావాస్క్రిప్ట్' >
ఫంక్షన్ ప్లేస్మెంట్Js ( ) {
అప్రమత్తం ( 'జావాస్క్రిప్ట్ యొక్క స్థానం ట్యాగ్‌లో ఉంది' )
}
స్క్రిప్ట్ >
తల >
< శరీరం >
< కేంద్రం >< బటన్ క్లిక్ చేయండి = 'placementJs()' > నన్ను క్లిక్ చెయ్యి బటన్ > కేంద్రం >
శరీరం >
పై కోడ్ స్నిప్పెట్‌లో:
- కోడ్‌లోని జావాస్క్రిప్ట్ భాగాన్ని “లో చేర్చండి <తల> '' సహాయంతో ట్యాగ్ <స్క్రిప్ట్> ” ట్యాగ్.
- JS కోడ్‌లో, '' అనే ఫంక్షన్‌ను నిర్వచించండి ప్లేస్మెంట్ Js() ”. దాని నిర్వచనంలో, హెచ్చరిక డైలాగ్ బాక్స్ ద్వారా పేర్కొన్న సందేశాన్ని ప్రదర్శించండి.
- చివరగా, HTML కోడ్‌లో, '' ఉన్న బటన్‌ను సృష్టించండి క్లిక్ చేయండి ” ఈవెంట్ బటన్ క్లిక్‌పై మునుపటి దశలో నిర్వచించిన ఫంక్షన్‌కు దారి మళ్లిస్తుంది.
అవుట్‌పుట్
పై అవుట్‌పుట్‌లో, JS కోడ్‌ని '' లోపల ఉంచడం ద్వారా సరిగ్గా పని చేస్తుందని చూడవచ్చు. <తల> ” ట్యాగ్.
విధానం 2: HTML ఫైల్‌లో ట్యాగ్‌లో జావాస్క్రిప్ట్ ఉంచడం
ఈ విధానంలో, '' లోపల జావాస్క్రిప్ట్ కోడ్ యొక్క స్థానం <బాడీ> HTML ఫైల్‌లోని ” ట్యాగ్ చర్చించబడుతుంది.
ఉదాహరణ
దిగువ ఇవ్వబడిన ఉదాహరణ పేర్కొన్న భావనను వివరిస్తుంది:
< శరీరం >< కేంద్రం >< బటన్ క్లిక్ చేయండి = 'placementJs()' > నన్ను క్లిక్ చెయ్యి బటన్ > కేంద్రం >
< స్క్రిప్ట్ రకం = 'టెక్స్ట్/జావాస్క్రిప్ట్' >
ఫంక్షన్ ప్లేస్మెంట్Js ( ) {
అప్రమత్తం ( 'జావాస్క్రిప్ట్ యొక్క స్థానం ట్యాగ్‌లో ఉంది' )
}
స్క్రిప్ట్ >
శరీరం >
పై కోడ్ లైన్లలో:
- లోపల ' <బాడీ> ” ట్యాగ్, అలాగే, “ సహాయంతో ప్లేస్మెంట్ Js() ఫంక్షన్‌ను ప్రారంభించే బటన్‌ను సృష్టించండి క్లిక్ చేయండి ” ఈవెంట్.
- జావాస్క్రిప్ట్ కోడ్ బ్లాక్‌లో, '' అనే ఫంక్షన్‌ను ప్రకటించండి ప్లేస్మెంట్ Js() ”.
- బటన్ క్లిక్ చేసిన తర్వాత ఈ ఫంక్షన్ ప్రారంభించబడుతుంది మరియు హెచ్చరిక ద్వారా పేర్కొన్న సందేశాన్ని ప్రదర్శిస్తుంది.
అవుట్‌పుట్
విధానం 3: జావాస్క్రిప్ట్‌ను బాహ్య ఫైల్‌గా ఉంచడం
ఈ ప్రత్యేక విధానంలో జావాస్క్రిప్ట్ కోడ్ బ్లాక్‌ను ఎక్స్‌టెన్షన్‌తో నిర్దిష్ట ఫైల్ పేరును కలిగి ఉన్న బాహ్య JS ఫైల్‌గా ఉంచడం ఉంటుంది. .js ' లో ' src ' గుణం.
ఉదాహరణ
కింది ఉదాహరణ ద్వారా వెళ్దాం:
< శరీరం >< కేంద్రం >< బటన్ క్లిక్ చేయండి = 'placementJs()' > నన్ను క్లిక్ చెయ్యి బటన్ > కేంద్రం >
శరీరం >
< స్క్రిప్ట్ రకం = 'టెక్స్ట్/జావాస్క్రిప్ట్' src = బాహ్య ఫైల్. js > స్క్రిప్ట్ >
పై HTML కోడ్‌లో:
- జావాస్క్రిప్ట్ ఫంక్షన్‌కి దారి మళ్లించే బటన్‌ను సృష్టించడం కోసం చర్చించిన విధానాన్ని గుర్తుచేసుకోండి ' ప్లేస్మెంట్ Js() ”.
- ఆ తర్వాత, “లో పేర్కొన్న ఫైల్ పేరుతో లింక్ చేయబడిన బాహ్య JS ఫైల్ సహాయంతో జావాస్క్రిప్ట్ ఫంక్షనాలిటీలను ఇంటిగ్రేట్ చేయండి src ' గుణం.
క్రింద ఇవ్వబడిన JS కోడ్‌కి వెళ్దాం:
ఫంక్షన్ ప్లేస్మెంట్Js ( ) {అప్రమత్తం ( 'ఇది బాహ్య జావాస్క్రిప్ట్ ఫైల్' )
}
పై కోడ్ బ్లాక్‌లో:
- ' అనే ఫంక్షన్‌ను నిర్వచించండి ప్లేస్మెంట్JS() ”.
- దాని నిర్వచనంలో, బటన్ క్లిక్‌పై హెచ్చరిక ద్వారా పేర్కొన్న సందేశాన్ని ప్రదర్శించండి.
- ఈ విధానం ఫలితంగా HTML మరియు JavaScript ఫైల్‌లు రెండింటినీ పొందుపరచడం ద్వారా అదే ఫలితాన్ని అందిస్తుంది.
అవుట్‌పుట్
మేము HTML ఫైల్‌లో జావాస్క్రిప్ట్‌ను ఉంచడానికి సంబంధించిన ప్రామాణికమైన సమాచారాన్ని అందించాము.
ముగింపు
HTML ఫైల్‌లో జావాస్క్రిప్ట్ ప్లేస్మెంట్ “ <తల> 'ట్యాగ్, ది' <బాడీ> 'ట్యాగ్, లేదా బాహ్యంగా' js ఫైల్ ''ని పేర్కొనడం ద్వారా src ”. పేర్కొన్న ట్యాగ్‌లలో దేనిలోనైనా ఉంచినప్పుడు జావాస్క్రిప్ట్ కోడ్ ఒకే విధంగా పనిచేస్తుంది. అయినప్పటికీ, జావాస్క్రిప్ట్‌ను బాహ్య js ఫైల్‌గా ఉంచడం కోడ్ యొక్క పునర్వినియోగానికి సహాయపడుతుంది. ఈ బ్లాగ్ HTML ఫైల్‌లో జావాస్క్రిప్ట్ ప్లేస్‌మెంట్‌కు సంబంధించిన మార్గదర్శకత్వం.