Heim >Web-Frontend >js-Tutorial >Wie verwende ich JavaScript-Code? Wie führe ich eine HTML-Seite ein?

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

不言Original: 2019-01-10 14:59:4122956Durchsuche

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.

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 3f1c4e4b6b16bbbd69b2ee476dc4f83a teilen 3f1c4e4b6b16bbbd69b2ee476dc4f83a mit, wo JavaScript beginnen und enden soll.

3f1c4e4b6b16bbbd69b2ee476dc4f83a und 2cacc6d41bbb37262a98f745aa00fbf0 Die Codezeile zwischen Script-Tags kann eingefügt werden.

Möglicherweise wird type="text/javascript" in 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tags verwendet, dies ist jedoch nicht mehr erforderlich. JavaScript ist mittlerweile die Standard-Skriptsprache in allen modernen Browsern und in HTML5.

Sehen wir uns ein konkretes Beispiel an

<script>
alert("My First JavaScript");
</script>

Der obige Code dient zum direkten Einbetten von JS-Code in die HTML-Seite.

Dann werfen wir einen Blick auf die zweite Verwendung von

von js-Code: durch Verlinkung auf externe JavaScript-Dateien. 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.

Wir können die folgenden Schritte ausführen, um externe JavaScript-Dateien zu verknüpfen

Zuerst erstellen wir eine JavaScript-Datei mit der Erweiterung .js

2 write Der js-Code wird in die Js-Datei geschrieben und die Datei wird gespeichert.

3. Verwenden Sie Skript-Tags, um JavaScript-Dateien in HTML-Dateien zu verknüpfen

e6d0d8b6024ec76484f631742e6564002cacc6d41bbb37262a98f745aa00fbf0

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>

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

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

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!

JavaScript html5 html JS

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：Wie die HOC-Technologie von Vue eine unendliche Ladeliste entwickelt (Codebeispiel)Nächster Artikel：Wie die HOC-Technologie von Vue eine unendliche Ladeliste entwickelt (Codebeispiel)

In Verbindung stehende Artikel

Mehr sehen