Deze gids illustreert de benaderingen om JavaScript in een HTML-bestand te plaatsen.
Waar JavaScript in een HTML-bestand plaatsen?
De plaatsing van JavaScript in een HTML-bestand kan zijn in de:
Benadering 1: plaatsing van JavaScript binnen -tag in een HTML-bestand
Bij deze benadering wordt de plaatsing van het JavaScript-gedeelte van de code binnen de '
Voorbeeld
Laten we een overzicht hebben van de onderstaande demonstratie:
< hoofd >
< scripttype = 'tekst/javascript' >
functieplaatsingJs ( ) {
alarm ( 'De plaatsing van JavaScript is binnen tag' )
}
script >
hoofd >
< lichaam >
< centrum >< knop opklik = 'plaatsingJs()' > Klik hier knop > centrum >
lichaam >
In het bovenstaande codefragment:
- Voeg het JavaScript-gedeelte van de code toe aan de '
” tag met behulp van de “ ' label. - Definieer in de JS-code een functie met de naam ' plaatsingJs() ”. Geef in zijn definitie het vermelde bericht weer via het waarschuwingsdialoogvenster.
- Maak ten slotte in de HTML-code een knop met een ' bij klikken ”-gebeurtenis die na het klikken op de knop zal omleiden naar de gedefinieerde functie in de vorige stap.
Uitgang
In de bovenstaande uitvoer is te zien dat de JS-code correct werkt door deze in de '
Benadering 2: plaatsing van JavaScript binnen tag in een HTML-bestand
Bij deze benadering wordt de plaatsing van JavaScript-code binnen de “
Voorbeeld
Het onderstaande voorbeeld illustreert het vermelde concept:
< lichaam >< centrum >< knop opklik = 'plaatsingJs()' > Klik hier knop > centrum >
< scripttype = 'tekst/javascript' >
functieplaatsingJs ( ) {
alarm ( 'De plaatsing van JavaScript is binnen tag' )
}
script >
lichaam >
In de bovenstaande regels code:
- Binnen de '
”-tag, maak op dezelfde manier een knop die de functie plaatsingJs() aanroept met behulp van de “ bij klikken ' evenement. - Declareer in het JavaScript-codeblok een functie met de naam ' plaatsingJs() ”.
- Deze functie wordt aangeroepen bij het klikken op de knop en geeft het vermelde bericht weer via een waarschuwing.
Uitgang
Benadering 3: plaatsing van JavaScript als een extern bestand
Deze specifieke aanpak omvat de plaatsing van een JavaScript-codeblok als een extern JS-bestand met de specifieke bestandsnaam met de extensie ' .js ' in de ' src ” attribuut.
Voorbeeld
Laten we het volgende voorbeeld doornemen:
< lichaam >< centrum >< knop opklik = 'plaatsingJs()' > Klik hier knop > centrum >
lichaam >
< scripttype = 'tekst/javascript' src = externbestand. js > script >
In de bovenstaande HTML-code:
- Denk aan de besproken aanpak voor het maken van een knop die omleidt naar de JavaScript-functie ' plaatsingJs() ”.
- Integreer daarna de JavaScript-functionaliteiten met behulp van een extern JS-bestand gekoppeld aan de vermelde bestandsnaam in de ' src ” attribuut.
Laten we verder gaan met de onderstaande JS-code:
functieplaatsingJs ( ) {alarm ( 'Dit is een extern JavaScript-bestand' )
}
In het bovenstaande codeblok:
- Definieer een functie met de naam ' plaatsingJS() ”.
- Geef in zijn definitie het vermelde bericht weer via een waarschuwing bij het klikken op de knop.
- Deze aanpak levert hetzelfde resultaat op door zowel de HTML- als de JavaScript-bestanden in te sluiten.
Uitgang
We hebben authentieke informatie aangeboden met betrekking tot het plaatsen van JavaScript in een HTML-bestand.
Conclusie
De plaatsing van JavaScript in een HTML-bestand kan in de “