Wie verwende ich JavaScript-Code? Wie führe ich eine HTML-Seite ein?-js-Tutorial-php.cn

Wie verwende ich JavaScript-Code? Wie führe ich eine HTML-Seite ein?

不言

Freigeben： 2022-04-02 19:37:10

Original

22876 Leute haben es durchsucht

Wie verwende ich JavaScript-Code? Wie führe ich eine HTML-Seite ein? Der folgende Artikel stellt Ihnen zwei Möglichkeiten vor, JavaScript-Code in HTML-Seiten zu schreiben. Ich hoffe, er ist hilfreich für Sie.

Wie verwende ich JavaScript-Code? Wie führe ich eine HTML-Seite ein?

Bevor wir JavaScript lernen, sollten wir zunächst verstehen, wie man JavaScript-Code verwendet. Werfen wir einen Blick auf die Verwendung von js-Code.

Wir verwenden JavaScript-Code auf zwei Arten: Eine besteht darin, JS-Code direkt in die HTML-Seite einzubetten, und die andere darin, externe JavaScript-Dateien zu verknüpfen.

Sehen wir uns zunächst die erste Verwendung an: js-Code direkt in die HTML-Seite einbetten

Wenn wir den JavaScript-Code direkt in die HTML-Seite einbetten, werden wir Mit dem Tag <script> teilen <script> mit, wo JavaScript beginnen und enden soll. </p> <p><script> und </script> Die Codezeile zwischen Script-Tags kann eingefügt werden.

Möglicherweise wird type="text/javascript" in <script>-Tags verwendet, dies ist jedoch nicht mehr erforderlich. JavaScript ist mittlerweile die Standard-Skriptsprache in allen modernen Browsern und in HTML5. </p> <p>Sehen wir uns ein konkretes Beispiel an</p> <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><script> alert("My First JavaScript"); </script></pre><div class="contentsignin">Nach dem Login kopieren</div></div><br/>Der obige Code dient zum direkten Einbetten von JS-Code in die HTML-Seite. </p><p>Dann werfen wir einen Blick auf die zweite Verwendung von </p><p> von <strong>js-Code: durch Verlinkung auf externe JavaScript-Dateien. </strong><strong></strong>Wenn zu viele JavaScript-Codes vorhanden sind, können wir die Codes manchmal separat in JavaScript-Dateien einfügen und sie dann miteinander verknüpfen. </p><p>Wir können die folgenden Schritte ausführen, um externe JavaScript-Dateien zu verknüpfen </p><p><br/>Zuerst erstellen wir eine JavaScript-Datei mit der Erweiterung .js</p><p>2 write Der js-Code wird in die Js-Datei geschrieben und die Datei wird gespeichert. </p><p>3. Verwenden Sie Skript-Tags, um JavaScript-Dateien in HTML-Dateien zu verknüpfen </p><p><script type="text/javascript" src="JavaScript-Dateiname und -Pfad"></script>

Zu beachten ist, dass Sie in einem Skript-Tag, das eine externe JS-Datei eingeführt hat, keine JS-Befehle in dessen Start-Tag und End-Tag schreiben können.

Sehen wir uns ein konkretes Beispiel an

Wir erstellen zuerst eine JS-Datei „sample.js“

und schreiben dann den JS-Code

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
</body>
</html>

Nach dem Login kopieren

Endlich Verwenden Sie Skript-Tags, um JavaScript-Dateien mit HTML-Dateien zu verknüpfen

document.write("<p>This is a paragraph</p>");

Nach dem Login kopieren

Die oben genannten sind die beiden Methoden, die von js-Code verwendet werden

Das obige ist der detaillierte Inhalt vonWie verwende ich JavaScript-Code? Wie führe ich eine HTML-Seite ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!