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
<script>
// 在这里写js
function test(){
alert('说点什么呢');
}
test();
</script>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>
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>
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>
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!
