wird in die Zeile geschrieben und jedes Tag wird separat festgelegt.
Die Funktion (1) zum Verweisen auf js über das Ereignisattribut im Eröffnungs-Tag
wird in das Ereignisattribut des Tags geschrieben (Attribut, das mit on beginnt). , wie zum Beispiel onclick [on+ event Type]
Empfehlung: Verwenden Sie doppelte Anführungszeichen für HTML und einfache Anführungszeichen für js.
Beispiel:
<input type="button" value="Klicken Sie auf mich, um die Welt zu öffnen" onclick="alert('Hello World'. )" /> Hinweis: Inline-Einführung, in JS Das Konzept der Gewichtszunahme wird in nicht verwendet, daher wird es nicht häufig verwendet [ grundsätzlich nicht verwendet ].
Beispiele sind wie folgt: <html>
<title>Inline-Schreiben im JS-Stil</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<Körper>
<!--JS Inline-Schreibmethode beginnt bei 01-->
<!--Wenn Sie mit der Maus auf das Bild klicken, wird ein Popup-Fenster mit der Anzeige 1223--> angezeigt
<div class="img">
Klickereignis:
<img src="images/001.jpg" onclick="alert(1223)"></img>
</div>
<!--JS Inline-Schreibmethode 01 endet-->
</body>
</html>Ausgabeergebnis:
im Skript-Tag geschrieben
Interne Referenz: Wird beim Schreiben von JS-Code in das Skript-Tag verwendet
Das Skript-Tag kann an einer beliebigen Stelle auf der Seite geschrieben werden
Das Skript-Tag wird normalerweise am Ende des Körpers oder nach dem Körper verwendet
(1) Kann überall geschrieben werden;
Wenn wir am Kopf auf das Skript verweisen müssen, platzieren Sie es am Kopf, andernfalls am unteren Rand, da die Platzierung am Kopf das Browser-Rendering beeinträchtigen kann.
<Skript>
alarm('Hallo Welt!');
</script>Hinweis: Wenn Sie Übungen selbst schreiben, verwenden Sie im Allgemeinen [ Übungsverwendung ], wenn Sie faul sein möchten und keine JS-Dateien einrichten möchten.
Wenn Sie an Ihren eigenen Projekten arbeiten, platzieren Sie es normalerweise unten. Es hat keinen Einfluss auf die Ladereihenfolge und kann von CSS-Dateien unterschieden werden. Wenn Sie es an einer anderen Stelle platzieren, ist es am besten, Onload zu verwenden.
Beispiele sind wie folgt: <html>
<title>Inline-Schreiben im JS-Stil</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<Körper>
<!--js Inline-Schreiben ab 02-->
<div class="img">
Klickereignis:
<img src="images/002.jpg" id='yuansu'></img>
</div>
<!--js Inline-Schreibmethode 02 Ende-->
</body>
<Skript>
//JS-Code//Suchen Sie das XX-Element und fügen Sie dem Element im Allgemeinen eine ID hinzu
yuansuojb=document.getElementById('yuansu');
//Ereignis yuansuojb.onclick=function(){ zum xx-Element hinzufügen
//Codesegmentalarm(1);
}
//Trigger-Ereignis</script>
</html>Ausgabeergebnis:
Verwenden Sie src im Skript-Tag, um externe Dateien einzuführen
Schritt:
Schreiben Sie unabhängige JS-Dateien
Referenziert durch Skript-Tags auf der Seite
(1) Im Skript kann kein Code geschrieben werden, der externe JS-Dateien einführt
(2) Verwenden Sie die Codestruktur der HTML-Seite, um mehrere Teile des JS-Codes außerhalb der HTML-Seite zu trennen, was für die Wiederverwendung von Dateien schön und praktisch ist.
<script src="main.js"></script>
Hinweis: Wie bei Inline-Stilen muss die Platzierung unten und am Kopf von Fall zu Fall in Betracht gezogen werden [ häufig verwendet ]
Verwenden Sie src, nicht href
Beispiele sind wie folgt:Schreiben Sie den JS-Code in eine .js-Datei und zitieren Sie ihn in HTML
Der Inhalt der .html-Datei ist wie folgt:
<html>
<title>Methode zum Schreiben externer Links im JS-Stil</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<Körper>
<div class="img">
Externes Link-Schreiben – Klick-Ereignis:
<img src="images/003.jpg" id='yuansu'></img>
</div>
</body>
<script src='js/index.js'></script>
</html>Der Inhalt der .js-Datei ist wie folgt:
//JS-Code//Suchen Sie das XX-Element und fügen Sie dem Element im Allgemeinen eine ID hinzu
yuansuojb=document.getElementById('yuansu');
//Ereignis yuansuojb.onclick=function(){ zum xx-Element hinzufügen
//Codesegment var str="hello world!!!";
alarm(str);
}Ausgabeergebnis:
