Aquesta guia il·lustrarà els mètodes per col·locar JavaScript en un fitxer HTML.
On col·locar JavaScript en un fitxer HTML?
La col·locació de JavaScript en un fitxer HTML pot ser a:
Enfocament 1: Col·locació de JavaScript dins de l'etiqueta en un fitxer HTML
En aquest enfocament, la col·locació de la part JavaScript del codi dins del '
Exemple
Fem una visió general de la demostració que es mostra a continuació:
< cap >
< tipus de guió = 'text/javascript' >
col·locació de funcionsJs ( ) {
alerta ( 'La ubicació de JavaScript es troba dins de l'etiqueta ' )
}
guió >
cap >
< cos >
< centre >< botó al fer clic = 'placementJs()' > Feu clic a mi botó > centre >
cos >
Al fragment de codi anterior:
- Incloeu la part JavaScript del codi dins del '
'etiqueta amb l'ajuda de l'' ' etiqueta. - Al codi JS, definiu una funció anomenada ' placementJs() ”. En la seva definició, visualitzeu el missatge indicat a través del quadre de diàleg d'alerta.
- Finalment, al codi HTML, creeu un botó amb un ' fent clic ” esdeveniment que redirigirà a la funció definida al pas anterior després de fer clic al botó.
Sortida
A la sortida anterior, es pot veure que el codi JS funciona correctament col·locant-lo dins del '
Enfocament 2: Col·locació de JavaScript dins de l'etiqueta en un fitxer HTML
En aquest enfocament, la col·locació del codi JavaScript dins del '
Exemple
L'exemple que es mostra a continuació il·lustra el concepte indicat:
< cos >< centre >< botó al fer clic = 'placementJs()' > Feu clic a mi botó > centre >
< tipus de guió = 'text/javascript' >
col·locació de funcionsJs ( ) {
alerta ( 'La ubicació de JavaScript es troba dins de l'etiqueta ' )
}
guió >
cos >
A les línies de codi anteriors:
- Dins de '
', de la mateixa manera, creeu un botó que invoqui la funció placementJs() amb l'ajuda del ' fent clic ” esdeveniment. - Al bloc de codi JavaScript, declara una funció anomenada ' placementJs() ”.
- Aquesta funció s'invocarà en fer clic al botó i mostrar el missatge indicat mitjançant una alerta.
Sortida
Enfocament 3: Col·locació de JavaScript com a fitxer extern
Aquest enfocament particular implica la col·locació d'un bloc de codi JavaScript com a fitxer JS extern que té el nom de fitxer concret amb una extensió ' .js ' a la ' src ” atribut.
Exemple
Passem pel següent exemple:
< cos >< centre >< botó al fer clic = 'placementJs()' > Feu clic a mi botó > centre >
cos >
< tipus de guió = 'text/javascript' src = fitxer extern. js > guió >
Al codi HTML anterior:
- Recordeu l'enfocament comentat per crear un botó que redirigeixi a la funció JavaScript ' placementJs() ”.
- Després d'això, integreu les funcionalitats de JavaScript amb l'ajuda d'un fitxer JS extern enllaçat amb el nom del fitxer indicat al ' src ” atribut.
Passem al codi JS que es mostra a continuació:
col·locació de funcionsJs ( ) {alerta ( 'Aquest és un fitxer JavaScript extern' )
}
Al bloc de codi anterior:
- Definiu una funció anomenada ' placementJS() ”.
- En la seva definició, visualitzeu el missatge indicat mitjançant una alerta al fer clic al botó.
- Com a resultat, aquest enfocament retornarà el mateix resultat incorporant els fitxers HTML i JavaScript.
Sortida
Hem ofert informació autèntica relacionada amb la col·locació de JavaScript en un fitxer HTML.
Conclusió
La col·locació de JavaScript en un fitxer HTML pot ser a la '