So verbinden Sie HTML mit JS

青灯夜游
Freigeben: 2021-07-01 11:49:04
Original
13383 Leute haben es durchsucht

Methode: 1. Betten Sie den JS-Code direkt in das Skript-Tag-Paar mit der Syntax „<script>js code</script>“ ein. 2. Schreiben Sie den JS-Code in eine „.js“-Datei mit „< The Die Anweisung „script src="js file path">“ kann zum Einführen der js-Datei verwendet werden.

So verbinden Sie HTML mit JS

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

Es gibt zwei Möglichkeiten, js und HTML zu kombinieren (zu verbinden)

Die erste: den js-Code direkt in das Skript-Tag-Paar einbetten

Syntax

<script type="text/javascript"> js代码; </script>
Nach dem Login kopieren

Die zweite: das Skript verwenden Tag zum Einführen einer externen JS-Datei

*** Erstellen Sie eine JS-Datei, schreiben Sie den JS-Code

*** Dann verwenden Sie die folgende Anweisung zur Einführung

<script type="text/javascript" src="js文件路径"></script>
Nach dem Login kopieren

Wenn Sie die zweite Methode verwenden, schreiben Sie den JS-Code nicht hinein Das Skript-Tag wird nicht ausgeführt.

Beispiel:

<html>
    <head>
        <title>World</title>
        <style type="text/css">
        </style>
    </head>
    <body>
        <script type="text/javascript">
            alert("aaaaaa");
        </script>
    </body>
</html>
Nach dem Login kopieren
<html>
    <head>
        <title>World</title>
        <style type="text/css">
        </style>
    </head>
    <body>
        <script type="text/javascript" src="1.js">
            //alert("bbbbb");  没有效果
        </script>
    </body>
</html>
Nach dem Login kopieren

[Verwandte Empfehlungen: Javascript-Lerntutorial]

Das obige ist der detaillierte Inhalt vonSo verbinden Sie HTML mit JS. 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