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 <script> platzieren (weniger ); <br></p> <p>2. Wird in einer externen Datei platziert, die durch das src-Attribut des <script>-Tags angegeben wird Handler, der durch einen HTML-Attributwert wie onclick oder onmouseover (selten) angegeben wird; <br></p> <p>4. Diese URL wird in einer URL platziert und verwendet das spezielle Protokoll „Javascript“ (selten); ><br></p> <p>1 – angehängt: Skripttyp <br></p> <p>JavaScript ist standardmäßig die ursprüngliche Skriptsprache des Webs. Unten enthält das <script>-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: <span style="color: #0000ff"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>&lt;script type=&quot;text/vbscript&quot;&gt; ... ... &lt;/script&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div></span></p>Der Standardwert des Typs Das Attribut ist „text/javascript“. <p></p><p><span style="color: #ff0000">2 – Inline-<script>-Element </span></p><p> Zum Beispiel: <span style="color: #0000ff"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'> &lt;script&gt; function displayTime(){ ... ... } window.onload = displayTime; &lt;/script&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div></span></p>3 – Externes src-Attribut verwenden Das Skript <p></p><p><script>-Tag in der Datei unterstützt das src-Attribut, das die URL der Datei angibt, die JavaScript-Code enthält. Es wird wie folgt verwendet: <span style="color: #0000ff"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>&lt;script src=&quot;../../scripts/util.js&quot;&gt;&lt;/script&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div></span>Bei Verwendung des src-Attributs wird alles zwischen den Tags <script></script> ignoriert.

Wenn Sie ein Skript mithilfe des src-Attributs in eine Seite einbinden, geben Sie dem Skript die volle Kontrolle über die Webseite.

4 – Event-Handler in HTML

Wenn die HTML-Datei, in der sich das Skript befindet, in den Browser geladen wird, wird der JavaScript-Code in diesem Skript nur einmal ausgeführt . JavaScript-Code kann Ereignishandler registrieren, indem er Funktionen den Eigenschaften des Elementobjekts zuweist. Dieses Elementobjekt stellt ein HTML-Element im Dokument dar. Zum Beispiel:

<input type="checkbox" name="options" value="giftwrap" onchange="order.options.giftwrap = this.checked;">

Die in HTML definierten Attribute des Event-Handlers können beliebige, durch Kommas getrennte JavaScript-Anweisungen enthalten. Diese Anweisungen bilden den Hauptteil einer Funktion, der dann zum Wert der entsprechenden Event-Handler-Eigenschaft wird.

4 – JavaScript in der URL

gefolgt von einem Javascript:-Protokollqualifikationsmerkmal in der URL ist eine weitere Möglichkeit, JavaScript-Code in den Client einzubetten. Dieser spezielle Protokolltyp gibt an, dass der URL-Inhalt eine beliebige Zeichenfolge ist, bei der es sich um JavaScript-Code handelt, der vom JavaScript-Interpreter ausgeführt wird. Es wird als separate Codezeile behandelt, was bedeutet, dass Anweisungen durch Semikolons getrennt werden müssen und Kommentare durch /**/-Kommentare ersetzt werden müssen. Die von javascript:URL erkannte Ressource ist der in einen String umgewandelte Rückgabewert des ausgeführten Codes. Wenn der Code undefiniert zurückgibt, hat die Ressource keinen Inhalt.

Javascript: URL kann überall dort verwendet werden, wo eine reguläre URL verwendet werden kann: z. B. das href-Attribut des -Tags, das Aktionsattribut von

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 gesamte Inhalt dieses Kapitels. Weitere verwandte Tutorials finden Sie unter

JavaScript-Video-Tutorial

!

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!