Acest ghid va ilustra abordările pentru a plasa JavaScript într-un fișier HTML.
Unde să plasați JavaScript într-un fișier HTML?
Plasarea JavaScript într-un fișier HTML poate fi în:
Abordarea 1: Plasarea JavaScript în eticheta într-un fișier HTML
În această abordare, plasarea părții JavaScript a codului în „
Exemplu
Să avem o privire de ansamblu asupra demonstrației de mai jos:
< cap >
< tip de script = „text/javascript” >
plasarea funcțieiJs ( ) {
alerta ( „Locația JavaScript este în eticheta ” )
}
scenariu >
cap >
< corp >
< centru >< butonul la clic = „placementJs()” > Faceți clic pe Mine buton > centru >
corp >
În fragmentul de cod de mai sus:
- Includeți partea JavaScript a codului în „
eticheta ” cu ajutorul ” ' etichetă. - În codul JS, definiți o funcție numită „ placementJs() ”. În definiția sa, afișați mesajul declarat prin caseta de dialog de alertă.
- În cele din urmă, în codul HTML, creați un buton având un „ onclick ” eveniment care va redirecționa către funcția definită în pasul anterior la clic pe butonul.
Ieșire
În rezultatul de mai sus, se poate vedea că codul JS funcționează corect, plasându-l în „
Abordarea 2: Plasarea JavaScript în eticheta într-un fișier HTML
În această abordare, plasarea codului JavaScript în cadrul „
Exemplu
Exemplul de mai jos ilustrează conceptul declarat:
< corp >< centru >< butonul la clic = „placementJs()” > Faceți clic pe Mine buton > centru >
< tip de script = „text/javascript” >
plasarea funcțieiJs ( ) {
alerta ( „Locația JavaScript este în eticheta ” )
}
scenariu >
corp >
În rândurile de cod de mai sus:
- În cadrul '
„, de asemenea, creați un buton care invocă funcția placementJs() cu ajutorul „ onclick ” eveniment. - În blocul de cod JavaScript, declarați o funcție numită „ placementJs() ”.
- Această funcție va fi invocată la clic pe butonul și va afișa mesajul declarat printr-o alertă.
Ieșire
Abordarea 3: plasarea JavaScript ca fișier extern
Această abordare specifică implică plasarea unui bloc de cod JavaScript ca fișier JS extern având un anumit nume de fișier cu o extensie „ .js ' în ' src ” atribut.
Exemplu
Să trecem prin următorul exemplu:
< corp >< centru >< butonul la clic = „placementJs()” > Faceți clic pe Mine buton > centru >
corp >
< tip de script = „text/javascript” src = fişier extern. js > scenariu >
În codul HTML de mai sus:
- Reamintim abordarea discutată pentru crearea unui buton care redirecționează către funcția JavaScript „ placementJs() ”.
- După aceea, integrați funcționalitățile JavaScript cu ajutorul unui fișier JS extern legat cu numele fișierului declarat în „ src ” atribut.
Să trecem la codul JS de mai jos:
plasarea funcțieiJs ( ) {alerta ( „Acesta este un fișier JavaScript extern” )
}
În blocul de cod de mai sus:
- Definiți o funcție numită „ placementJS() ”.
- În definiția sa, afișați mesajul declarat prin alertă la clic pe butonul.
- În consecință, această abordare va returna același rezultat prin încorporarea fișierelor HTML și JavaScript.
Ieșire
Am oferit informații autentice legate de plasarea JavaScript într-un fișier HTML.
Concluzie
Plasarea JavaScript într-un fișier HTML poate fi în „