Denne vejledning vil illustrere fremgangsmåderne til at placere JavaScript i en HTML-fil.
Hvor placeres JavaScript i en HTML-fil?
Placeringen af JavaScript i en HTML-fil kan være i:
Fremgangsmåde 1: Placering af JavaScript i -tagget i en HTML-fil
I denne tilgang er placeringen af JavaScript-delen af koden i '
Eksempel
Lad os få et overblik over nedenstående demonstration:
< hoved >
< script type = 'tekst/javascript' >
funktionsplaceringJs ( ) {
alert ( 'Placeringen af JavaScript er inden for tag' )
}
manuskript >
hoved >
< legeme >
< centrum >< knappen ved at klikke = 'placementJs()' > Klik på Mig knap > centrum >
legeme >
I ovenstående kodestykke:
- Inkluder JavaScript-delen af koden i '
' tag ved hjælp af ' ” tag. - I JS-koden skal du definere en funktion med navnet ' placeringJs() ”. Vis den angivne meddelelse i dens definition via advarselsdialogboksen.
- Til sidst, i HTML-koden, opret en knap med en ' onclick ” hændelse, som vil omdirigere til den definerede funktion i det foregående trin ved et klik på knappen.
Produktion
I ovenstående output kan det ses, at JS-koden fungerer korrekt ved at placere den i '
Fremgangsmåde 2: Placering af JavaScript i -tagget i en HTML-fil
I denne tilgang er placeringen af JavaScript-kode i ' ” tag i en HTML-fil vil blive diskuteret.
Eksempel
Nedenstående eksempel illustrerer det angivne koncept:
< legeme >< centrum >< knappen ved at klikke = 'placementJs()' > Klik på Mig knap > centrum >
< script type = 'tekst/javascript' >
funktionsplaceringJs ( ) {
alert ( 'Placeringen af JavaScript er inden for tag' )
}
manuskript >
legeme >
I ovenstående kodelinjer:
- Indenfor ' ” tag på samme måde oprette en knap, der påkalder funktionen placementJs() ved hjælp af “ onclick ' begivenhed.
- I JavaScript-kodeblokken skal du erklære en funktion med navnet ' placeringJs() '.
- Denne funktion vil blive aktiveret ved et klik på knappen og vise den angivne besked via en advarsel.
Produktion
Fremgangsmåde 3: Placering af JavaScript som en ekstern fil
Denne særlige tilgang involverer placeringen af en JavaScript-kodeblok som en ekstern JS-fil med det bestemte filnavn med en udvidelse ' .js ' i ' src ' attribut.
Eksempel
Lad os gennemgå følgende eksempel:
< legeme >< centrum >< knappen ved at klikke = 'placementJs()' > Klik på Mig knap > centrum >
legeme >
< script type = 'tekst/javascript' src = ekstern fil. js > manuskript >
I ovenstående HTML-kode:
- Husk den diskuterede tilgang til oprettelse af en knap, der omdirigerer til JavaScript-funktionen ' placeringJs() '.
- Derefter skal du integrere JavaScript-funktionaliteterne ved hjælp af en ekstern JS-fil forbundet med det angivne filnavn i ' src ' attribut.
Lad os gå videre til den nedenfor givne JS-kode:
funktionsplaceringJs ( ) {alert ( 'Dette er en ekstern JavaScript-fil' )
}
I ovenstående kodeblok:
- Definer en funktion ved navn ' placeringJS() '.
- I sin definition skal du vise den angivne besked via advarsel ved et klik på knappen.
- Denne tilgang vil resultere i det samme resultat ved at indlejre både HTML- og JavaScript-filerne.
Produktion
Vi har tilbudt autentisk information relateret til at placere JavaScript i en HTML-fil.
Konklusion
Placeringen af JavaScript i en HTML-fil kan være i '