Ang gabay na ito ay maglalarawan ng mga diskarte sa paglalagay ng JavaScript sa isang HTML file.
Saan Ilalagay ang JavaScript sa isang HTML file?
Ang paglalagay ng JavaScript sa isang HTML file ay maaaring nasa:
Diskarte 1: Paglalagay ng JavaScript sa loob ng Tag sa isang HTML file
Sa diskarteng ito, ang paglalagay ng JavaScript na bahagi ng code sa loob ng “
Halimbawa
Magkaroon tayo ng pangkalahatang-ideya ng ibinigay na demonstrasyon sa ibaba:
< ulo >
< uri ng script = 'text/javascript' >
paglalagay ng functionJs ( ) {
alerto ( 'Ang pagkakalagay ng JavaScript ay nasa loob ng tag na ' )
}
iskrip >
ulo >
< katawan >
< gitna >< button sa pag-click = 'placementJs()' > Pindutin mo ako pindutan > gitna >
katawan >
Sa snippet ng code sa itaas:
- Isama ang JavaScript na bahagi ng code sa loob ng “
'tag sa tulong ng ' ” tag. - Sa JS code, tukuyin ang isang function na pinangalanang ' placementJs() ”. Sa kahulugan nito, ipakita ang nakasaad na mensahe sa pamamagitan ng alert dialogue box.
- Panghuli, sa HTML code, lumikha ng isang button na mayroong ' onclick ” kaganapan na magre-redirect sa tinukoy na function sa nakaraang hakbang sa pag-click ng button.
Output
Sa output sa itaas, makikita na ang JS code ay gumagana nang maayos sa pamamagitan ng paglalagay nito sa loob ng '
Diskarte 2: Paglalagay ng JavaScript sa loob ng Tag sa isang HTML file
Sa diskarteng ito, ang paglalagay ng JavaScript code sa loob ng “
Halimbawa
Ang ibinigay na halimbawa sa ibaba ay naglalarawan ng nakasaad na konsepto:
< katawan >< gitna >< button sa pag-click = 'placementJs()' > Pindutin mo ako pindutan > gitna >
< uri ng script = 'text/javascript' >
paglalagay ng functionJs ( ) {
alerto ( 'Ang pagkakalagay ng JavaScript ay nasa loob ng tag na ' )
}
iskrip >
katawan >
Sa mga linya ng code sa itaas:
- Sa loob ng '
Ang tag na ”, gayundin, ay lumikha ng isang buton na humihiling sa function na placementJs() sa tulong ng “ onclick ” kaganapan. - Sa block ng JavaScript code, magdeklara ng isang function na pinangalanang ' placementJs() ”.
- Ipapatawag ang function na ito sa pag-click sa pindutan at ipakita ang nakasaad na mensahe sa pamamagitan ng isang alerto.
Output
Diskarte 3: Paglalagay ng JavaScript bilang Panlabas na file
Ang partikular na diskarte na ito ay nagsasangkot ng paglalagay ng JavaScript code block bilang isang panlabas na JS file na mayroong partikular na pangalan ng file na may extension na ' .js ' nasa ' src ” katangian.
Halimbawa
Dumaan tayo sa sumusunod na halimbawa:
< katawan >< gitna >< button sa pag-click = 'placementJs()' > Pindutin mo ako pindutan > gitna >
katawan >
< uri ng script = 'text/javascript' src = externalfile. js > iskrip >
Sa HTML code sa itaas:
- Alalahanin ang tinalakay na diskarte para sa paglikha ng isang button na nagre-redirect sa JavaScript function na ' placementJs() ”.
- Pagkatapos nito, isama ang mga pag-andar ng JavaScript sa tulong ng isang panlabas na JS file na naka-link sa nakasaad na pangalan ng file sa ' src ” katangian.
Lumipat tayo sa ibinigay na JS code sa ibaba:
paglalagay ng functionJs ( ) {alerto ( 'Ito ay isang panlabas na JavaScript file' )
}
Sa itaas na bloke ng code:
- Tukuyin ang isang function na pinangalanang ' placementJS() ”.
- Sa kahulugan nito, ipakita ang nakasaad na mensahe sa pamamagitan ng alerto sa pag-click sa pindutan.
- Ang diskarteng ito ay magreresulta sa parehong resulta sa pamamagitan ng pag-embed ng parehong HTML at JavaScript na mga file.
Output
Nag-alok kami ng tunay na impormasyong nauugnay sa paglalagay ng JavaScript sa isang HTML file.
Konklusyon
Ang paglalagay ng JavaScript sa isang HTML file ay maaaring nasa “