Vier Möglichkeiten zum Einbetten von JavaScript in HTML-Dokumente

In diesem Artikel werden hauptsächlich vier Methoden zum Einbetten von clientseitigem JavaScript-Code in HTML-Dokumente vorgestellt. Interessierte Freunde können wie folgt darauf verweisen:

JavaScript in HTML einbetten

Es gibt 4 Möglichkeiten, clientseitigen JavaScript-Code in HTML-Dokumente einzubetten:

1. Inline einbetten, zwischen 3f1c4e4b6b16bbbd69b2ee476dc4f83a platzieren (weniger );

2. Platziert in einer externen Datei, die durch das src-Attribut des 3f1c4e4b6b16bbbd69b2ee476dc4f83a angegeben wird;

3 Handler, der durch einen HTML-Attributwert wie onclick oder onmouseover (selten) angegeben wird;

4. Diese URL wird in einer URL platziert und verwendet das spezielle Protokoll „Javascript“ (selten); >

0 – angehängt: Skripttyp

JavaScript ist die ursprüngliche Skriptsprache des Webs, standardmäßig enthält das 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Element JavaScript-Code oder verweist darauf . Wenn Sie eine nicht standardmäßige Skriptsprache wie VBScript verwenden möchten, müssen Sie das Typattribut verwenden, um den MIME-Typ des Skripts anzugeben, zum Beispiel:

<script type="text/vbscript"> 
 ... ... 
</script>

Der Standardwert des Typs Das Attribut ist „text/javascript“.

1 – Inline-3f1c4e4b6b16bbbd69b2ee476dc4f83a-Element

Zum Beispiel:

 <script> 
 function displayTime(){ 
 ... ... 
 } 
 window.onload = displayTime; 
</script>

2 – Externes src-Attribut verwenden Das Skript

3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag in der Datei unterstützt das src-Attribut, das die URL der Datei angibt, die JavaScript-Code enthält. Seine Verwendung ist wie folgt:

Code kopieren Der Code lautet wie folgt:

<script src="../../scripts/util.js"></script>

Bei Verwendung des src-Attributs wird alles zwischen 3f1c4e4b6b16bbbd69b2ee476dc4f83aa635232e66cf07f0f91f6f348999ae5b-Tags, das Aktionsattribut von ff9c23ada1bcecdd1a0fb5d5a0f18437 oder sogar die Parameter von die Methode window.open(). Die JavaScript-URL im Hyperlink kann wie folgt aussehen:

<a href="javascript:new Date().toLocaleTimeString();" rel="external nofollow" > 
What time is it? 
</a>

Das obige ist der detaillierte Inhalt vonVier Möglichkeiten zum Einbetten von JavaScript in HTML-Dokumente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!