Maison  >  Article  >  interface Web  >  Comment référencer javascript en HTML

Comment référencer javascript en HTML

藏色散人
藏色散人original
2021-06-15 10:48:096956parcourir

Comment référencer javascript en HTML : 1. Ajoutez du code js dans l'attribut event de l'élément ; 2. Ajoutez un script n'importe où dans la page html ; 3. Écrivez le code js dans un fichier js séparé.

Comment référencer javascript en HTML

L'environnement d'exploitation de cet article : système Windows7, html5&&javascript version 1.8.5, ordinateur Dell G3.

Comment référencer javascript en html ?

Trois façons d'introduire

1. Inline : ajoutez du code js dans l'attribut event de l'élément, et le js sera exécuté lorsque l'événement est déclenché

2 . Interne : ajoutez un script n'importe où dans la page html (recommandé dans l'en-tête)

3. Externe : écrivez le code js dans un fichier js séparé et introduisez-le via l'attribut src du script If. la balise script introduit le fichier, puis Impossible de continuer à écrire du code js dans le corps de la balise

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 内部引入方式-->
<script type="text/javascript">
    alert("使用内部引入");
     
    var x = "123";
    if(isNaN(x)){
        alert("不是数");
    }else{
        alert("是数");
    }
     
</script>
<!-- 外部引入方式-->
<script type="text/javascript" src="first.js"></script>
 
</head>
<body>
<!-- 内联方式-->
<input type="button" value="内联引入方式"
         onclick="alert(&#39;内联引入方式&#39;)">
</body>
</html>

[Apprentissage recommandé : Tutoriel avancé javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn