So platzieren Sie ein JS-Skript in einem HTML-Dokument-js-Tutorial-php.cn

So platzieren Sie ein JS-Skript in einem HTML-Dokument

清浅

Freigeben： 2021-04-18 14:56:07

Original

4696 Leute haben es durchsucht

So platzieren Sie JS-Skripte im
-Tag. 2. Platzieren Sie JS-Skripte im -Tag Platzieren Sie das JS-Skript im -Tag. 4. Importieren Sie das JS-Skript extern.

So platzieren Sie ein JS-Skript in einem HTML-Dokument

Die Betriebsumgebung dieses Artikels: Windows 7-System, Dell G3-Computer, HTML5 und Javascript-Version 1.8.5.

Die Platzierung von js-Skripten erfolgt im

-Tag, im -Tag sowie in der externen Einleitung von js Skripte

Wir können JavaScript-Code an einer beliebigen Stelle im HTML-Dokument platzieren. Der beste Weg, JavaScript-Code in einer HTML-Datei zu platzieren, ist wie folgt:

1 Im Abschnitt

;. Platzieren Sie den Code

in den Abschnitten

4. Schreiben Sie ein Skript in eine externe Datei und führen Sie es dann im Abschnitt

ein.

Diese vier Methoden werden im Detail erläutert der Artikel

So platzieren Sie ein JS-Skript in einem HTML-Dokument

[Empfohlene Kurse:

JavaScript-Kurs]

Im Abschnitt ... head>

Wenn Sie ein Skript für ein bestimmtes Ereignis ausführen möchten, z das ausgelöst wird, wenn der Benutzer auf eine bestimmte Stelle klickt. Zu diesem Zeitpunkt können wir das Skript in den Kopf einfügen

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type = "text/javascript">
            function Hello() {
               alert("Hello World")
            }
      </script>  
</head>

Nach dem Login kopieren

Rendering:

So platzieren Sie ein JS-Skript in einem HTML-Dokument

im Abschnitt der -Abschnitt des Dokuments. In diesem Fall wird keine Funktion mit JavaScript und JavaScript-Code im Abschnitt definiert 🎜>

JavaScript in externer Datei

Wenn wir denselben JavaScript-Code auf mehreren Seiten der Website wiederverwenden müssen, können wir dies durch die externe Einführung von js-Dateien erreichen. Um die Beibehaltung desselben Codes zu erleichtern, bietet das Skript-Tag einen Mechanismus, der es ermöglicht, JavaScript in einer externen Datei zu speichern und dann in die HTML-Datei einzubinden.

HTML-Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
 
<body>
<script type = "text/javascript">
            document.write("Hello World")
      </script>
<p>页面加载时脚本就会生成内容</p>
</body>
</html>

Nach dem Login kopieren

So platzieren Sie ein JS-Skript in einem HTML-Dokument

Externe js-Datei

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type = "text/javascript">
            function Hello() {
               alert("Hello World")
            }
  
      </script>
</head>
 
<body>
	<script type = "text/javascript">
      
        document.write("Hello World")

      </script>

Nach dem Login kopieren

Rendering:

So platzieren Sie ein JS-Skript in einem HTML-Dokument

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für alle hilfreich sein, die JavaScript lernen.

Das obige ist der detaillierte Inhalt vonSo platzieren Sie ein JS-Skript in einem HTML-Dokument. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!