Wo soll Javascript-Code eingefügt werden?

青灯夜游
Freigeben: 2023-01-07 11:46:50
Original
3209 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(&quot;Hi,JavaScript!&quot;);</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">&lt;script type=&quot;text/javascript&quot; src=&quot;test.js&quot;&gt;&lt;/script&gt;</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:

Wo soll Javascript-Code eingefügt werden?

[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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage