Heim >Web-Frontend >js-Tutorial >Vertiefendes Verständnis der beiden Methoden zur Einführung von JS-Dateien in HTML-Seiten
Vertiefendes Verständnis der beiden Methoden zur Einführung von JS-Dateien in HTML-Seiten
- yuliaOriginal
- 2018-10-10 10:25:218828Durchsuche
Eine komplette Seite besteht aus HTML (Struktur), CSS (Leistung) und JavaScript (Verhalten). Wissen Sie also, wie man JS-Dateien in HTML-Seiten einfügt? In diesem Artikel erfahren Sie mehr über zwei Methoden zum Einbinden von JS-Dateien in HTML-Seiten. Ich hoffe, er kann Ihnen helfen.
Um JS-Dateien in HTML-Seiten einzuführen, müssen Sie das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag verwenden, da das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag JavaScript mitteilt, wo die Ausführung beginnen und wo enden soll.
1. JS-Dateien extern importieren
Importieren Sie die JS-Datei im 93f0f5c25f18dab9d176bd4f6de5d30e Dateien können getrennt werden, wodurch der Effekt einer Front-End- und Back-End-Trennung erzielt wird. Auf diese Weise ist es bequemer, Code zu schreiben und zu ändern. Auf dieselbe JS-Datei können mehrere HTML-Seiten verweisen, sodass wir im Projekt darauf verweisen können Verwenden Sie im Allgemeinen extern importierte JS-Dateien.
Der Code für die externe Einführung von JS-Dateien lautet wie folgt:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/index.js" ></script> </head> <body> <p id="demo">点击按钮将数组转为字符串</p> <button onclick="myFunction()">点击</button> </body> </html>
2. JS-Dateien in HTML-Seiten einbetten
JavaScript in < von HTML platzieren Im ;body>-Tag platzieren wir die JS-Datei normalerweise am Ende der Seite, damit sie den Inhalt der Seite nicht beeinträchtigt. Wenn Sie JavaScript zum ersten Mal erlernen, werden Sie JS-Dateien in HTML-Seiten einbetten, da dies relativ einfach ist. Die Einbettungsmethode eignet sich für Situationen, in denen nicht viel Code vorhanden ist, z. B. beim Schreiben eines kleinen Tests.
Der Code zum Einbetten von JS-Dateien in HTML-Seiten lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p id="demo">点击按钮将数组转为字符串</p>
<button onclick="myFunction()">点击</button>
</body>
<script type="text/javascript">
function myFunction(){
var animal = ["dog", "cat", "elephant", "tiger"];
var str=animal.toString();
document.write("类型是："+typeof(str)+"，字符串是："+str);
}
</script>
</html>Das Obige stellt zwei Methoden zum Einbetten von JS-Dateien in HTML-Seiten vor Methode zur Auswahl. Abhängig von den Arbeitsanforderungen und persönlichen Gewohnheiten können Anfänger es selbst ausprobieren. Ich hoffe, dieser Artikel wird Ihnen hilfreich sein!
Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial PHP-Training für öffentliche Wohlfahrt
Das obige ist der detaillierte Inhalt vonVertiefendes Verständnis der beiden Methoden zur Einführung von JS-Dateien in HTML-Seiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!