Heim > Artikel > Web-Frontend > Welche Methoden gibt es, um js in die Seite einzuführen?

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

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

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>

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!

php html 循环 JS 事件 dom

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erläuterung der Verwendung der verknüpften js-ListeNächster Artikel：Detaillierte Erläuterung der Verwendung der verknüpften js-Liste

In Verbindung stehende Artikel

Mehr sehen