Hi ha moltes maneres d'anomenar una funció JavaScript al document HTML, i tampoc és una tasca difícil. En primer lloc, hem utilitzat una de les maneres més fàcils de trucar a a JavaScript funció al document HTML:
En aquest mètode, crearem i definirem una funció a la secció de capçalera del document HTML. Per invocar aquesta funció al document html, hem de crear un botó senzill i utilitzar el fent clic l'atribut d'esdeveniment (que és un controlador d'esdeveniments) juntament amb ell, podem cridar la funció fent clic al botó.
Per entendre-ho més clarament, vegem el programa donat:
Programa
integer compareto java
functionmyfunction() { alert('how are you'); } <p>Click the following button to see the function in action</p> Explicació del programa
En el programa anterior, hem creat un document HTML senzill. Dins de la secció de capçalera del document HTML, hem definit una funció ( p. ex., la meva funció();) dins de les etiquetes de l'script ... .
function myfunction() { alert('how are you'); } D'altra banda, dins de la secció del cos, vam mostrar una mica de text i vam crear un botó. Per cridar la nostra funció, hem utilitzat el fent clic l'atribut juntament amb el botó i quan l'usuari fa clic en aquest botó, la nostra funció s'executa i mostra un missatge d'alerta, com podeu veure a la sortida.
Feu clic al botó següent per veure la funció en acció
Sortida
Crida a una funció mitjançant un fitxer JavaScript extern
També podem cridar funcions de JavaScript mitjançant un fitxer JavaScript extern adjunt al nostre document HTML. Per fer-ho, primer hem de crear un fitxer JavaScript i definir-hi la nostra funció i desar-lo amb l'extensió (.Js).
Un cop creat el fitxer JavaScript, hem de crear un document HTML senzill. Per incloure el nostre fitxer JavaScript al document HTML, hem d'utilitzar l'etiqueta script i a l'atribut 'src' hem de proporcionar el camí al nostre fitxer JavaScript on s'emmagatzema. Després d'enllaçar el fitxer JavaScript extern al document HTML, podem crear un botó i cridar al funció utilitzant el 'onclic' atribueix-hi.
Entenem-ho amb l'ajuda d'un programa:
Programa
Feu clic al botó següent per veure la funció en acció
Explicació del programa
En el programa anterior, primer, hem creat un fitxer JavaScript i hem definit la nostra funció en ell i l'hem desat amb el fitxer . js extensió.
Function.js
functionmyfunction() { document.write('welcome to Javatpoint'); } Després de crear el fitxer JavaScript, hem creat un document HTML i hem enllaçat el nostre fitxer JavaScript mitjançant . Com que hem emmagatzemat el nostre document HTML i el fitxer JavaScript a la mateixa carpeta, acabem d'anomenar el nostre fitxer JavaScript a l'atribut 'scr' en lloc de proporcionar el camí complet a la secció de capçalera.
Dins de la secció del cos, vam mostrar una mica de text i vam crear un botó. Per cridar la nostra funció, hem utilitzat el fent clic l'atribut juntament amb el botó i quan l'usuari fa clic en aquest botó, la nostra funció s'executa i mostra un missatge d'alerta, com podeu veure a la sortida.
Feu clic al botó següent per veure la funció en acció
Sortida
Ara feu clic al botó donat:
