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"><script type="text/vbscript"> ... ... </script></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"> <script> function displayTime(){ ... ... } window.onload = displayTime; </script></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:js;toolbar:false"><script src="../../scripts/util.js"></script></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 HTMLWenn 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 URLgefolgt 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
