Quelles sont les méthodes pour introduire js dans la page ?-js tutoriel-php.cn

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

php中世界最好的语言

Libérer： 2018-04-18 15:18:35

original

2151 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!