logo

Kā izsaukt JavaScript funkciju html?

Ir daudz veidu, kā izsaukt JavaScript funkciju HTML dokumentā, un tas arī nav grūts uzdevums. Pirmkārt, mēs esam izmantojuši vienu no vienkāršākajiem veidiem, kā izsaukt a JavaScript funkcija HTML dokumentā:

Izmantojot šo metodi, mēs izveidosim un definēsim funkciju HTML dokumenta galvas sadaļā. Lai izsauktu šo funkciju html dokumentā, mums ir jāizveido vienkārša poga un jāizmanto onclick notikumu atribūts (kas ir notikumu apdarinātājs) kopā ar to, mēs varam izsaukt funkciju, noklikšķinot uz pogas.

Lai to saprastu skaidrāk, apskatīsim doto programmu:

Programma

java ilgums
 functionmyfunction() { alert(&apos;how are you&apos;); } <p>Click the following button to see the function in action</p> 

Programmas skaidrojums

Iepriekš norādītajā programmā esam izveidojuši vienkāršu HTML dokumentu. HTML dokumenta galvas sadaļā mēs esam definējuši funkciju ( piem., mana funkcija ();) skripta tagu iekšpusē ... .

 function myfunction() { alert(&apos;how are you&apos;); } 

No otras puses, pamatteksta sadaļā mēs parādījām tekstu un izveidojām pogu. Lai izsauktu mūsu funkciju, mēs esam izmantojuši onclick atribūtu kopā ar pogu un, kad lietotājs noklikšķina uz šīs pogas, mūsu funkcija tiek izpildīta un parāda brīdinājuma ziņojumu, kā redzat izvadē.

Noklikšķiniet uz šīs pogas, lai redzētu, kā funkcija darbojas

Izvade

Kā izsaukt JavaScript funkciju html

Funkcijas izsaukšana, izmantojot ārējo JavaScript failu

Mēs varam arī izsaukt JavaScript funkcijas, izmantojot ārēju JavaScript failu, kas pievienots mūsu HTML dokumentam. Lai to izdarītu, vispirms mums ir jāizveido JavaScript fails un jādefinē tajā mūsu funkcija un jāsaglabā tas ar (.Js) paplašinājumu.

Kad JavaScript fails ir izveidots, mums ir jāizveido vienkāršs HTML dokuments. Lai iekļautu JavaScript failu HTML dokumentā, mums ir jāizmanto skripta tags un atribūtā 'src' ir jānorāda ceļš uz mūsu JavaScript failu, kurā tas tiek glabāts. Pēc ārējā JavaScript faila saistīšanas ar HTML dokumentu mēs varam izveidot pogu un izsaukt funkciju izmantojot 'onclick' atribūts ar to.

Sapratīsim to ar programmas palīdzību:

Programma

Noklikšķiniet uz šīs pogas, lai redzētu, kā funkcija darbojas

Programmas skaidrojums

Iepriekš minētajā programmā vispirms esam izveidojuši JavaScript failu un definējuši tajā savu funkciju un saglabājuši to ar . js pagarinājumu.

Function.js

 functionmyfunction() { document.write(&apos;welcome to Javatpoint&apos;); } 

Pēc JavaScript faila izveides esam izveidojuši HTML dokumentu un saistījuši JavaScript failu, izmantojot . Tā kā mēs esam saglabājuši savu HTML dokumentu un JavaScript failu vienā mapē, mēs tikko esam nosaukuši JavaScript failu atribūtā 'scr', nevis norādījuši pilnu ceļu galvas sadaļā.

 

Pamata sadaļā mēs parādījām tekstu un izveidojām pogu. Lai izsauktu mūsu funkciju, mēs esam izmantojuši onclick atribūtu kopā ar pogu un, kad lietotājs noklikšķina uz šīs pogas, mūsu funkcija tiek izpildīta un parāda brīdinājuma ziņojumu, kā redzat izvadē.

Noklikšķiniet uz šīs pogas, lai redzētu, kā funkcija darbojas

Izvade

Kā izsaukt JavaScript funkciju html

Tagad noklikšķiniet uz dotās pogas:

Kā izsaukt JavaScript funkciju html