Den här guiden kommer att illustrera metoderna för att placera JavaScript i en HTML-fil.
Var placerar jag JavaScript i en HTML-fil?
Placeringen av JavaScript i en HTML-fil kan vara i:
Tillvägagångssätt 1: Placering av JavaScript inom -taggen i en HTML-fil
I detta tillvägagångssätt, placeringen av JavaScript-delen av koden inom '
Exempel
Låt oss få en översikt över nedanstående demonstration:
< huvud >
< skripttyp = 'text/javascript' >
funktionsplaceringJs ( ) {
varna ( 'Placeringen av JavaScript är inom -taggen' )
}
manus >
huvud >
< kropp >
< Centrum >< knappen när du klickar = 'placementJs()' > Klicka här knapp > Centrum >
kropp >
I kodavsnittet ovan:
- Inkludera JavaScript-delen av koden i '
' taggen med hjälp av ' '-tagg. - I JS-koden, definiera en funktion som heter ' placeringJs() ”. I dess definition, visa det angivna meddelandet via varningsdialogrutan.
- Slutligen, i HTML-koden, skapa en knapp med en ' onclick ”-händelse som kommer att omdirigera till den definierade funktionen i föregående steg när du klickar på knappen.
Produktion
I ovanstående utgång kan det ses att JS-koden fungerar korrekt genom att placera den inom '
Metod 2: Placering av JavaScript inom -taggen i en HTML-fil
I detta tillvägagångssätt, placeringen av JavaScript-kod inom '
Exempel
Nedanstående exempel illustrerar det angivna konceptet:
< kropp >< Centrum >< knappen när du klickar = 'placementJs()' > Klicka här knapp > Centrum >
< skripttyp = 'text/javascript' >
funktionsplaceringJs ( ) {
varna ( 'Placeringen av JavaScript är inom -taggen' )
}
manus >
kropp >
I kodraderna ovan:
- Inom '
”-taggen skapar på samma sätt en knapp som anropar funktionen placementJs() med hjälp av ” onclick ' händelse. - I JavaScript-kodblocket, deklarera en funktion som heter ' placeringJs() ”.
- Denna funktion kommer att anropas när du klickar på knappen och visar det angivna meddelandet via en varning.
Produktion
Metod 3: Placering av JavaScript som en extern fil
Detta speciella tillvägagångssätt involverar placeringen av ett JavaScript-kodblock som en extern JS-fil med det specifika filnamnet med tillägget ' .js ' i ' src ' attribut.
Exempel
Låt oss gå igenom följande exempel:
< kropp >< Centrum >< knappen när du klickar = 'placementJs()' > Klicka här knapp > Centrum >
kropp >
< skripttyp = 'text/javascript' src = extern fil. js > manus >
I HTML-koden ovan:
- Kom ihåg det diskuterade tillvägagångssättet för att skapa en knapp som omdirigerar till JavaScript-funktionen ' placeringJs() ”.
- Efter det, integrera JavaScript-funktionerna med hjälp av en extern JS-fil länkad med det angivna filnamnet i ' src ' attribut.
Låt oss gå vidare till den nedan angivna JS-koden:
funktionsplaceringJs ( ) {varna ( 'Detta är en extern JavaScript-fil' )
}
I ovanstående kodblock:
- Definiera en funktion som heter ' placeringJS() ”.
- I dess definition, visa det angivna meddelandet via varning när du klickar på knappen.
- Detta tillvägagångssätt kommer att ge samma resultat genom att bädda in både HTML- och JavaScript-filerna.
Produktion
Vi har erbjudit autentisk information relaterad till att placera JavaScript i en HTML-fil.
Slutsats
Placeringen av JavaScript i en HTML-fil kan vara i '