Er zijn veel manieren om een JavaScript-functie in het HTML-document aan te roepen, en het is ook geen moeilijke taak. Ten eerste hebben we een van de gemakkelijkste manieren gebruikt om a te bellen JavaScript functie in HTML-document:
Bij deze methode zullen we een functie maken en definiëren in de hoofdsectie van het HTML-document. Om deze functie in het HTML-document aan te roepen, moeten we een eenvoudige knop maken en de bij klikken gebeurtenisattribuut (dat een gebeurtenishandler is), kunnen we de functie oproepen door op de knop te klikken.
Laten we, om het duidelijker te begrijpen, het gegeven programma bekijken:
Programma
machine learning-modellen
functionmyfunction() { alert('how are you'); } <p>Click the following button to see the function in action</p>
Uitleg van het programma
In het hierboven gegeven programma hebben we een eenvoudig HTML-document gemaakt. In het hoofdgedeelte van het HTML-document hebben we een functie gedefinieerd ( bijvoorbeeld mijnfunctie();) binnen de scripttags ... .
function myfunction() { alert('how are you'); }
Aan de andere kant hebben we in het hoofdgedeelte wat tekst weergegeven en een knop gemaakt. Om onze functie aan te roepen, hebben we de bij klikken attribuut samen met de knop en wanneer de gebruiker op die knop klikt, wordt onze functie uitgevoerd en wordt een waarschuwingsbericht weergegeven, zoals u kunt zien in de uitvoer.
Klik op de volgende knop om de functie in actie te zien
Uitvoer
Een functie aanroepen met behulp van een extern JavaScript-bestand
We kunnen ook JavaScript-functies aanroepen met behulp van een extern JavaScript-bestand dat aan ons HTML-document is toegevoegd. Om dit te doen, moeten we eerst een JavaScript-bestand maken en onze functie daarin definiëren en opslaan met de extensie (.Js).
Nadat het JavaScript-bestand is gemaakt, moeten we een eenvoudig HTML-document maken. Om ons JavaScript-bestand in het HTML-document op te nemen, moeten we de scripttag gebruiken en in het 'src'-attribuut moeten we het pad opgeven naar ons JavaScript-bestand waar het is opgeslagen. Nadat we het externe JavaScript-bestand aan het HTML-document hebben gekoppeld, kunnen we een knop maken en de functie de ... gebruiken 'bij klikken' attribuut mee.
Laten we het begrijpen met behulp van een programma:
Programma
Klik op de volgende knop om de functie in actie te zien
Uitleg van het programma
In het bovenstaande programma hebben we eerst een JavaScript-bestand gemaakt en daarin onze functie gedefinieerd en opgeslagen met de . js verlenging.
Functie.js
functionmyfunction() { document.write('welcome to Javatpoint'); }
Nadat we het JavaScript-bestand hebben gemaakt, hebben we een HTML-document gemaakt en ons JavaScript-bestand gekoppeld met behulp van . Omdat we ons HTML-document en JavaScript-bestand in dezelfde map hebben opgeslagen, hebben we ons JavaScript-bestand zojuist een naam gegeven in het 'scr'-attribuut in plaats van het volledige pad in de head-sectie op te geven.
In het hoofdgedeelte hebben we wat tekst weergegeven en een knop gemaakt. Om onze functie aan te roepen, hebben we de bij klikken attribuut samen met de knop en wanneer de gebruiker op die knop klikt, wordt onze functie uitgevoerd en wordt een waarschuwingsbericht weergegeven, zoals u kunt zien in de uitvoer.
Klik op de volgende knop om de functie in actie te zien
Uitvoer
Klik nu op de gegeven knop: