Denne veiledningen vil illustrere fremgangsmåtene for å plassere JavaScript i en HTML-fil.
Hvor plasserer jeg JavaScript i en HTML-fil?
Plasseringen av JavaScript i en HTML-fil kan være i:
Tilnærming 1: Plassering av JavaScript i -taggen i en HTML-fil
I denne tilnærmingen er plasseringen av JavaScript-delen av koden innenfor '
Eksempel
La oss få en oversikt over demonstrasjonen nedenfor:
< hode >
< skripttype = 'tekst/javascript' >
funksjonsplasseringJs ( ) {
varsling ( 'Plasseringen av JavaScript er innenfor -taggen' )
}
manus >
hode >
< kropp >
< senter >< knappen ved å klikke = 'placementJs()' > Klikk på meg knapp > senter >
kropp >
I kodebiten ovenfor:
- Ta med JavaScript-delen av koden i '
'-taggen ved hjelp av ' ' stikkord. - I JS-koden, definer en funksjon kalt ' plasseringJs() '. Vis den angitte meldingen i definisjonen via varseldialogboksen.
- Til slutt, i HTML-koden, lag en knapp med en ' ved trykk ”-hendelse som vil omdirigere til den definerte funksjonen i forrige trinn ved knappeklikk.
Produksjon
I utgangen ovenfor kan det ses at JS-koden fungerer som den skal ved å plassere den innenfor '
Tilnærming 2: Plassering av JavaScript i -taggen i en HTML-fil
I denne tilnærmingen er plasseringen av JavaScript-kode innenfor ' ”-taggen i en HTML-fil vil bli diskutert.
Eksempel
Eksemplet nedenfor illustrerer det angitte konseptet:
< kropp >< senter >< knappen ved å klikke = 'placementJs()' > Klikk på meg knapp > senter >
< skripttype = 'tekst/javascript' >
funksjonsplasseringJs ( ) {
varsling ( 'Plasseringen av JavaScript er innenfor -taggen' )
}
manus >
kropp >
I kodelinjene ovenfor:
- Innen ' ”-taggen oppretter på samme måte en knapp som påkaller funksjonen plasseringJs() ved hjelp av “ ved trykk ' begivenhet.
- I JavaScript-kodeblokken erklærer du en funksjon kalt ' plasseringJs() '.
- Denne funksjonen vil bli påkalt når du klikker på knappen og viser den angitte meldingen via et varsel.
Produksjon
Tilnærming 3: Plassering av JavaScript som en ekstern fil
Denne spesielle tilnærmingen innebærer plassering av en JavaScript-kodeblokk som en ekstern JS-fil med det bestemte filnavnet med en utvidelse ' .js ' i ' src ' Egenskap.
Eksempel
La oss gå gjennom følgende eksempel:
< kropp >< senter >< knappen ved å klikke = 'placementJs()' > Klikk på meg knapp > senter >
kropp >
< skripttype = 'tekst/javascript' src = ekstern fil. js > manus >
I HTML-koden ovenfor:
- Husk den diskuterte tilnærmingen for å lage en knapp som omdirigerer til JavaScript-funksjonen ' plasseringJs() '.
- Etter det, integrer JavaScript-funksjonaliteten ved hjelp av en ekstern JS-fil koblet med det oppgitte filnavnet i ' src ' Egenskap.
La oss gå videre til den nedenfor gitte JS-koden:
funksjonsplasseringJs ( ) {varsling ( 'Dette er en ekstern JavaScript-fil' )
}
I kodeblokken ovenfor:
- Definer en funksjon kalt ' plasseringJS() '.
- I sin definisjon, vis den oppgitte meldingen via varsel ved å klikke på knappen.
- Denne tilnærmingen vil resultere i det samme resultatet ved å bygge inn både HTML- og JavaScript-filene.
Produksjon
Vi har tilbudt autentisk informasjon knyttet til å plassere JavaScript i en HTML-fil.
Konklusjon
Plasseringen av JavaScript i en HTML-fil kan være i '