Welche Methoden gibt es, um js in die Seite einzuführen?-js-Tutorial-php.cn

Welche Methoden gibt es, um js in die Seite einzuführen?

php中世界最好的语言

Freigeben： 2018-04-18 15:18:35

Original

2134 Leute haben es durchsucht

Dieses Mal werde ich Ihnen die Methoden zur Einführung von js in die Seite vorstellen und welche Vorsichtsmaßnahmen für die Einführung von js in die Seite gelten. Das Folgende ist ein praktischer Fall, nehmen wir einen sehen.

Es gibt zwei grundlegende Möglichkeiten, js in die Seite einzuführen: js in die Seite einbetten und auf externe js-Dateien verweisen .

1. Betten Sie js

in die Seite ein Dies ist die einfachste Möglichkeit, js auf der Seite zu verwenden. Normalerweise verwende ich diese Methode, wenn ich einen kleinen Test schreibe.

Schreiben Sie das Skriptelement vor , und der Inhalt des Skriptelements ist der JS-Code. So:

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

Nach dem Login kopieren

2. Referenzieren Sie externe JS-Dateien

Durch Verweisen auf externe JS-Dateien können JS-Dateien und HTML-Dateien getrennt werden, eine JS-Datei kann von mehreren HTML-Dateien verwendet werden und ist bequemer zu warten usw.

Die Verwendung besteht darin, das src -Attribut des Skriptelements auf die URL der js-Datei festzulegen, z. B.:

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

Nach dem Login kopieren

3. Die Position des Skriptelements in der HTML-Datei

Wenn Sie das Skriptelement in das head-Element einfügen, würde es so aussehen:

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

Nach dem Login kopieren

In diesem Fall wird der Seiteninhalt erst gerendert, wenn der Browser die js-Datei herunterlädt, analysiert und ausführt. Wenn für eine Seite viele JS-Dateien erforderlich sind, verfügt der Browser möglicherweise über ein kurzes „Whiteboard“ und die Benutzererfahrung ist nicht gut.

Daher sollten wir die js-Datei vor platzieren, damit der Browser dem Benutzer die Seite zuerst anzeigt.

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

Nach dem Login kopieren

Ich glaube, dass Sie die Methode zum Lesen dieses Artikels beherrschen. Weitere spannende Artikel finden Sie auf der chinesischen PHP-Website.

Empfohlene Lektüre:

HTML-Tags mit DOM-Knoten kombinieren

js verbietet Browser-Back-Events

JS klicken, um durch die Bilder zu blättern

Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es, um js in die Seite einzuführen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!