Heim > Web-Frontend > js-Tutorial > So referenzieren Sie Javascript in HTML

So referenzieren Sie Javascript in HTML

藏色散人
Freigeben: 2021-06-15 10:48:09
Original
6990 Leute haben es durchsucht

So referenzieren Sie Javascript in HTML: 1. Fügen Sie JS-Code im Ereignisattribut des Elements hinzu. 2. Fügen Sie Skript an einer beliebigen Stelle auf der HTML-Seite hinzu. 3. Schreiben Sie JS-Code in eine separate JS-Datei.

So referenzieren Sie Javascript in HTML

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5 und Javascript Version 1.8.5, Dell G3-Computer.

Wie referenziere ich Javascript in HTML?

Drei Einführungsmethoden

1. JS-Code im Ereignisattribut des Elements hinzufügen, und JS wird ausgeführt, wenn das Ereignis ausgelöst wird

2. Intern: Skript an einer beliebigen Stelle auf der HTML-Seite hinzufügen (empfohlen in der head)

3. Extern: Schreiben Sie JS-Code in eine separate JS-Datei und führen Sie ihn über das src-Attribut des Skripts ein. Wenn das Skript-Tag die Datei einführt, können Sie nicht weiter JS-Code in den Tag-Körper schreiben

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 内部引入方式-->
<script type="text/javascript">
    alert("使用内部引入");
     
    var x = "123";
    if(isNaN(x)){
        alert("不是数");
    }else{
        alert("是数");
    }
     
</script>
<!-- 外部引入方式-->
<script type="text/javascript" src="first.js"></script>
 
</head>
<body>
<!-- 内联方式-->
<input type="button" value="内联引入方式"
         onclick="alert(&#39;内联引入方式&#39;)">
</body>
</html>
Nach dem Login kopieren

[Empfohlen Lernen: Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonSo referenzieren Sie Javascript in HTML. 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