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 中文网"); }