Heim >Web-Frontend >Front-End-Fragen und Antworten >So fügen Sie JS zu HTML hinzu
So fügen Sie JS zu HTML hinzu
- 青灯夜游Original
- 2021-06-21 12:04:417062Durchsuche
So fügen Sie js zu HTML hinzu: 1. Betten Sie JavaScript-Code mit der Syntax „3f1c4e4b6b16bbbd69b2ee476dc4f83ajs code2cacc6d41bbb37262a98f745aa00fbf0“ direkt in die Seite ein. 2. Schreiben Sie den js-Code in die „.js“-Datei und verwenden Sie „ e48277dfe745cff2295dc91503dd2dbc2cacc6d41bbb37262a98f745aa00fbf0" Anweisungsreferenz.
Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5 und Javascript Version 1.8.5, Dell G3-Computer.
Es gibt zwei Hauptmethoden, um JavaScript in HTML einzuführen, die beide die Verwendung des 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tags erfordern. :
Methode 1: JavaScript-Code direkt in die Seite einbetten
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript的引入</title>
</head>
<body>
<script>
var a=1;
alert(a);
</script>
</body>
</html>Methode 2: Externe Dateien einführen
Sie können externe JS-Dateien über das src-Attribut des 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tags einführen.
Obwohl das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag viele andere Attribute hat, werden diese Attribute nicht häufig verwendet, oder sie haben alle Standardwerte, und diese Standardwerte müssen normalerweise nicht geändert werden, sodass das src-Attribut möglicherweise das einzige ist Attribut, das Sie kennen müssen.
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript的引入</title>
</head>
<body>
<!-- 引入本地文件 -->
<script src="./script.js"></script>
<!-- 引入外部域的文件 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</body>
</html>Auf diese Weise sendet der Server die JavaScript-Datei mit dem MIME-Typ application/x-javascript an den Browser.
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo fügen Sie JS zu HTML hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!