Modèle d'événem...LOGIN

Modèle d'événement de didacticiel de base Javascript

Modèle en ligne

Qu'est-ce que le modèle en ligne :

Ce modèle est la méthode A traditionnelle et la plus simple du temps de traitement. La fonction de gestion des événements est un attribut du HTML, utilisé pour gérer des événements spécifiés

Inline était davantage utilisé au début, mais il était mélangé avec du code HTML et ne fonctionnait pas séparément du HTML. code

Le code suivant :

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>	
</head>
<body>
	<input type="button" value="按钮" onclick="alert('lee')">
</body>
</html>

Le code ci-dessus est le premier modèle en ligne onclick est un événement de clic

Si le code centimétrique de l'événement sera beaucoup, alors nous besoin de l'écrire d'une autre manière. Le code est le suivant :

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>	
</head>
<body>
	<input type="button" value="按钮" onclick="msg()">

	<script type="text/javascript">
		function msg(){
			alert("欢迎来到php中文网学习");
		}
	</script>
</body>
</html>

De cette façon, nous pouvons écrire beaucoup de code dans notre corps de fonction


Modèle de script

Quel est le modèle de script

Dans la page HTML, on ne le fait pas je veux voir écrire du code js, du code js, on le met dans un autre fichier

Regardons un exemple

Nous écrivons d'abord un html code, le code est le suivant :

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>事件</title>	
	<script type="text/javascript" src="demo.js"></script>
</head>
<body>
	<input type="button" value="按钮">
</body>
</html>

Pour le code ci-dessus, nous avons introduit un fichier js, demo.js. Le code de demo.js est le suivant :

window.onload = function(){
	var sum = document.getElementsByTagName("input")[0];
	sum.onclick= msg;
}

function msg(){
	alert("php 中文网");
}


section suivante
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>事件</title> </head> <body> <input type="button" value="按钮" onclick="alert('欢迎学习js事件')"> </body> </html>
soumettreRéinitialiser le code
chapitredidacticiel