Maison > Article > interface Web > Quelles sont les méthodes pour introduire js dans la page ?

Quelles sont les méthodes pour introduire js dans la page ?

php中世界最好的语言original: 2018-04-18 15:18:352063parcourir

Cette fois je vais vous présenter les méthodes pour introduire js dans la page, et quelles sont les précautions pour introduire js dans la page Ce qui suit est un cas pratique, prenons un. regarder.

Il existe deux manières de base d'introduire js dans la page : intégrer js dans la page et référencer fichiers js externes.

1. Intégrer js

dans la page C'est la façon la plus simple d'utiliser js sur la page. J'utilise habituellement cette méthode lors de l'écriture d'un petit test.

Écrivez l'élément de script devant , et le contenu de l'élément de script est le code js. Comme ça :

<script>
// 在这里写js
function test(){
alert('说点什么呢'); 
}
test();
</script>

2. Référencez les fichiers js externes

Faire référence aux fichiers js externes peut séparer les fichiers js et les fichiers HTML, un fichier js peut être utilisé par plusieurs fichiers HTML, et il est plus pratique à gérer, etc.

L'utilisation consiste à définir l'attribut src de l'élément de script sur l'URL du fichier js, tel que :

<script src="js/test.js"></script>

3. La position de l'élément de script dans le fichier HTML

Si vous placez l'élément script à l'intérieur de l'élément head, cela ressemblerait à ceci :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="xxx.js"></script>
</head>
<body>
<!--页面内容-->
</body>
</html>

Dans ce cas, le contenu de la page ne sera pas rendu tant que le navigateur n'aura pas téléchargé, analysé et exécuté le fichier js. Si une page nécessite de nombreux fichiers js, le navigateur peut avoir un court « tableau blanc » et l'expérience utilisateur n'est pas bonne.

Par conséquent, nous devons placer le fichier js devant , afin que le navigateur affiche d'abord la page à l'utilisateur.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--<script src="xxx.js"></script>-->
</head>
<body>
<!--页面内容-->
<script src="xxx.js"></script>
</body>
</html>

Je pense que vous maîtrisez la méthode de lecture de cet article. Pour plus de passionnant, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

Lecture recommandée :

Combiner des balises HTML avec des nœuds DOM

js interdit les événements de retour du navigateur

JS cliquez pour parcourir les images

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!

php html 循环 JS 事件 dom

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

Article précédent：Explication détaillée de l'utilisation de la liste chaînée jsArticle suivant：Explication détaillée de l'utilisation de la liste chaînée js

Articles Liés

Voir plus