Wo soll Javascript-Code eingefügt werden?-Front-End-Fragen und Antworten-php.cn

Wo soll Javascript-Code eingefügt werden?

青灯夜游

Freigeben： 2023-01-07 11:46:50

Original

3238 Leute haben es durchsucht

JavaScript-Code muss mithilfe des „<script>“-Tags in die Webseite eingefügt und mit Hilfe der Syntax „<script>JS-Code</script>“ ausgeführt werden src=" enthält die Code-JS-Datei „>".

Wo soll Javascript-Code eingefügt werden?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

JavaScript-Programme können nicht unabhängig ausgeführt werden und können nur in der Host-Umgebung ausgeführt werden. Unter normalen Umständen kann JavaScript-Code in die Webseite eingefügt und mithilfe der Browserumgebung ausgeführt werden.

Es gibt zwei Möglichkeiten, JavaScript-Code in eine Webseite einzufügen:

Methode 1: Verwenden Sie das <script>-Tag, um den Code direkt einzubetten. </script>

Das Einbetten von JavaScript-Skripten in HTML-Seiten erfordert die Verwendung des <script>-Tags ;script>-Tag, Benutzer können JavaScript-Code direkt in das <script>-Tag schreiben. </script>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>第一个JavaScript程序</title>
    <script type="text/javascript">
        document.write("<h1>Hi,JavaScript!</h1>");
    </script>
</head>
<body></body>
</html>

Nach dem Login kopieren

Wo soll Javascript-Code eingefügt werden?

Methode 2: Fügen Sie den JavaScript-Code in eine js-Datei ein und verwenden Sie das <script>-Tag, um die js-Datei zu importieren</strong></p><p>JavaScript-Programme können nicht nur direkt in HTML-Dokumenten, sondern auch in JavaScript platziert werden Dateien. </p><p>JavaScript-Dateien sind Textdateien mit der Erweiterung <code>.js</code> und können mit jedem Texteditor bearbeitet werden. </p><p>JavaScript-Dateien können nicht unabhängig ausgeführt werden und müssen in die Webseite importiert und über den Browser ausgeführt werden. JavaScript-Dateien können mit dem <script>-Tag importiert werden. </p><p>Zum Beispiel: Es gibt eine test.js-Datei, die den folgenden Code enthält: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">alert("Hi,JavaScript!");</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Fügen Sie ein <script>-Tag in das <head>-Tag ein. Definieren Sie das src-Attribut und legen Sie den Attributwert auf eine URL-Zeichenfolge fest, die auf eine externe JavaScript-Datei verweist. Der Code lautet wie folgt: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script type="text/javascript" src="test.js"></script></pre><div class="contentsignin">Nach dem Login kopieren</div></div><blockquote> <p>Hinweis: </p> <p>Bei Verwendung des <script>-Tags zum Einbinden externer JavaScript-Dateien ist der Standarddateityp Javascript. Unabhängig davon, ob die geladene Datei die Erweiterung .js hat oder nicht, analysiert der Browser sie daher als JavaScript-Skript. </script>

Das <script>-Tag, das das src-Attribut definiert, sollte keinen JavaScript-Code mehr enthalten. Wenn der Code eingebettet ist, wird nur die externe JavaScript-Datei heruntergeladen und ausgeführt und der eingebettete Code wird ignoriert. </script>

Speichern Sie die HTML-Datei und zeigen Sie eine Vorschau im Browser an:

[Lernempfehlung: Javascript-Tutorial für Fortgeschrittene]
Das obige ist der detaillierte Inhalt vonWo soll Javascript-Code eingefügt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!