Heim > Artikel > Web-Frontend > [JavaScript-Tutorial] JavaScript-Nutzung

[JavaScript-Tutorial] JavaScript-Nutzung

黄舟Original: 2016-12-24 14:20:50960Durchsuche

JavaScript-Verwendung

Skripte in HTML müssen zwischen den Tags 3f1c4e4b6b16bbbd69b2ee476dc4f83a platziert werden.

Skripte können in den Abschnitten 6c04bd5ca3fcae76e30b72ad730ca86d einer HTML-Seite platziert werden.

3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag

Um JavaScript in eine HTML-Seite einzufügen, verwenden Sie das 3f1c4e4b6b16bbbd69b2ee476dc4f83a

3f1c4e4b6b16bbbd69b2ee476dc4f83a und 2cacc6d41bbb37262a98f745aa00fbf0 teilen JavaScript mit, wo es beginnen und enden soll. Die Zeilen zwischen

3f1c4e4b6b16bbbd69b2ee476dc4f83a und 2cacc6d41bbb37262a98f745aa00fbf0 enthalten JavaScript:

<script>
alert("我的第一个 JavaScript");
</script>

Sie müssen den obigen Code nicht verstehen. Beachten Sie einfach, dass der Browser den JavaScript-Code zwischen 3f1c4e4b6b16bbbd69b2ee476dc4f83a interpretiert und ausführt. Dies ist nicht mehr notwendig. JavaScript ist die Standard-Skriptsprache in allen modernen Browsern sowie in HTML5. JavaScript in

6c04bd5ca3fcae76e30b72ad730ca86d In diesem Beispiel schreibt JavaScript Text in den 6c04bd5ca3fcae76e30b72ad730ca86d, wenn die Seite geladen wird:

Beispiele

JavaScript-Funktionen und -Ereignisse

Die JavaScript-Anweisungen im obigen Beispiel werden ausgeführt, wenn die Seite geladen wird.

Oft müssen wir Code ausführen, wenn ein Ereignis eintritt, beispielsweise wenn der Benutzer auf eine Schaltfläche klickt.

Wenn wir den JavaScript-Code in eine Funktion einfügen, können wir die Funktion aufrufen, wenn das Ereignis eintritt.

<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>

In späteren Kapiteln erfahren Sie mehr über JavaScript-Funktionen und -Ereignisse.

JavaScript in 93f0f5c25f18dab9d176bd4f6de5d30e oder 6c04bd5ca3fcae76e30b72ad730ca86d

Sie können eine unbegrenzte Anzahl von Skripten in Ihr HTML-Dokument einfügen.

Skripte können in den Abschnitten 6c04bd5ca3fcae76e30b72ad730ca86d oder 93f0f5c25f18dab9d176bd4f6de5d30e enthalten sein.

Ein üblicher Ansatz besteht darin, Funktionen im 63683363eb3c17b6379e1e8fcd4aeb9c zu platzieren. Dadurch können sie an derselben Stelle platziert werden, ohne den Inhalt der Seite zu beeinträchtigen. JavaScript-Funktion in

93f0f5c25f18dab9d176bd4f6de5d30e In diesem Beispiel platzieren wir eine JavaScript-Funktion im Abschnitt 93f0f5c25f18dab9d176bd4f6de5d30e

Diese Funktion wird aufgerufen, wenn auf die Schaltfläche geklickt wird: JavaScript-Funktion in

Instanz

6c04bd5ca3fcae76e30b72ad730ca86d In diesem Fall platzieren wir eine JavaScript-Funktion in der 6c04bd5ca3fcae76e30b72ad730ca86d-Abschnitt der HTML-Seite.

Diese Funktion wird aufgerufen, wenn auf die Schaltfläche geklickt wird:

Instanz

Externes JavaScript

<!DOCTYPE html>
<html><head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
</body>
</html>

Sie können das Skript auch extern speichern Datei . Externe Dateien enthalten häufig Code, der von mehreren Webseiten verwendet wird.

Die Dateierweiterung für externe JavaScript-Dateien ist .js.

Um eine externe Datei zu verwenden, legen Sie bitte die .js-Datei im „src“-Attribut des 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tags fest:

Beispiel

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

你可以将脚本放置于 93f0f5c25f18dab9d176bd4f6de5d30e 或者 6c04bd5ca3fcae76e30b72ad730ca86d中实际运行效果与您在 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签中编写脚本完全一致。

外部脚本不能包含 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签。

以上就是【JavaScript教程】JavaScript 用法的内容，更多相关内容请关注PHP中文网（www.php.cn）！

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：Bezüglich der Lösung des Problems, dass BootStrap Modal in IOS9 nicht angezeigt werden kannNächster Artikel：Bezüglich der Lösung des Problems, dass BootStrap Modal in IOS9 nicht angezeigt werden kann

In Verbindung stehende Artikel

Mehr sehen