Heim > Artikel > Web-Frontend > So referenzieren Sie Javascript in HTML
So referenzieren Sie Javascript in HTML
- 藏色散人Original
- 2021-06-15 10:48:096966Durchsuche
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.
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('内联引入方式')">
</body>
</html>[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!