Was sind die Attribute des JSscript-Tags

Was sind die Attribute des JSscript-Tags

Was sind die Attribute des JS-Skript-Tags:

  • charset : Optional. Stellt den Zeichensatz des durch das src-Attribut angegebenen Codes dar. Diese Eigenschaft wird selten verwendet, da die meisten Browser ihren Wert ignorieren.
  • defer : Optional. Gibt an, dass die Skriptausführung verzögert werden kann, bis das Dokument vollständig analysiert und angezeigt wurde.
  • language : Veraltet. Ursprünglich wurde damit die zum Schreiben von Code verwendete Skriptsprache bezeichnet (wie etwa JavaScript, JavaScript1.2 oder VBScript ). Die meisten Browser ignorieren dieses Attribut, daher besteht keine Notwendigkeit, es zu verwenden.
  • src : Optional. Stellt eine externe Datei dar, die auszuführenden Code enthält.
  • type : Erforderlich. Es kann als alternatives Sprachattribut betrachtet werden, das den Inhaltstyp (auch als MIME-Typ bezeichnet) der Skriptsprache angibt, die zum Schreiben des Codes verwendet wurde. Obwohl text ext/javascript und text/ecmascript nicht mehr empfohlen werden, wird immer noch text/javascript verwendet. Tatsächlich ist der vom Server beim Senden von JavaScript Dateien verwendete MIME -Typ normalerweise application/x-javascript , aber das Festlegen dieses Werts im Typ kann dazu führen, dass das Skript ignoriert wird. Darüber hinaus können in Nicht-IE-Browsern die folgenden Werte verwendet werden: application/javascript und application/ecmascript . Unter Berücksichtigung von Konventionen und maximaler Browserkompatibilität ist der aktuelle Wert des Typattributs weiterhin text/javascript .

Es gibt zwei Möglichkeiten, das <script>-Element zu verwenden: das Einbetten JavaScript Code direkt in die Seite und das Einbinden externer JavaScript Dateien.

Wenn Sie das Element „script>“ zum Einbetten von JavaScript-Code verwenden, müssen Sie nur das Typattribut für das Element „script>“ angeben. Fügen Sie dann einfach den JavaScript-Code wie folgt direkt in das Element ein:

 scripttype="text/javascript">

  FunktionsayHi(){

  alert("Hallo!");

  }

  /Skript>

Der im script> -Element enthaltene JavaScript Code wird von oben nach unten interpretiert. Nehmen Sie das vorherige Beispiel, der Interpreter interpretiert die Definition einer Funktion und speichert die Definition dann in seiner eigenen Umgebung. Bis der Interpreter die Auswertung des gesamten Codes im script> -Element abgeschlossen hat, wird der Rest der Seite vom Browser weder geladen noch angezeigt.

Wenn Sie script> zum Einbetten JavaScript Code verwenden, denken Sie daran, die Zeichenfolge " /script>" nirgendwo im Code einzufügen.

Beispielsweise generiert ein Browser beim Laden des folgenden Codes einen Fehler:

  scripttype="text/javascript">

  FunktionayScript(){

  Alarm ('/Skript>');

  }

  /Skript>

Denn gemäß den Regeln zum Parsen von eingebettetem Code würde der Browser, wenn er auf die Zeichenfolge " /script> " stößt, davon ausgehen, dass es sich um das schließende /script> -Tag handelt. Dieses Problem kann dadurch gelöst werden, dass man die Zeichenfolge in zwei Teile aufteilt,

Zum Beispiel:

Was sind die Attribute des JSscript>-Tags:

 FunktionayScript(){

  alarm("/scr"+"ipt>");

  }

Durch diese Zweiteilung kommt es beim Browser nicht zu Missverständnissen und somit auch nicht zu Fehlern.

Wenn Sie eine externe JavaScript Datei über script> -Element einbinden, ist das src-Attribut erforderlich. Der Wert dieses Attributs ist ein Link zu einer externen JavaScript-Datei.

Zum Beispiel:

  scripttype="text/javascript"src="beispiel.js">/script>

In diesem Beispiel wird die externe Datei example.js in die aktuelle Seite geladen. Die externe Datei muss nur den JavaScript-Code enthalten, der normalerweise zwischen dem öffnenden script> und dem schließenden /script> platziert wird. Wie beim Parsen von eingebettetem JavaScript Code wird die Seitenverarbeitung vorübergehend angehalten, während eine externe JavaScript-Datei analysiert wird (einschließlich des Herunterladens der Datei). Wenn es sich um ein XHTML-Dokument handelt, können Sie das schließende /script>-Tag im vorherigen Beispielcode auch weglassen.

Zum Beispiel:

  scripttype="text/javascript"src="beispiel.js"/>

Sie können diese Syntax jedoch nicht in HTML-Dokumenten verwenden. Der Grund dafür ist, dass diese Syntax nicht der HTML-Spezifikation entspricht und von einigen Browsern, insbesondere dem Internet Explorer, nicht richtig analysiert werden kann.

Externe JavaScript-Dateien haben standardmäßig die Erweiterung „js“. Diese Erweiterung ist jedoch nicht erforderlich, da Browser die Erweiterung von Dateien, die JavaScript enthalten, nicht überprüfen. Dadurch ist es möglich, JavaScript-Code dynamisch mit JSP, PHP oder anderen serverseitigen Sprachen zu generieren.

Es ist wichtig zu beachten, dass ein script>-Element mit einem src-Attribut keinen zusätzlichen JavaScript-Code zwischen den Tags script> und /script> enthalten sollte.

Darüber hinaus können Sie über das src-Attribut des <script>-Elements JavaScript-Dateien von externen Domänen einbinden. Dies ist es, was das script>-Element sowohl wirkungsvoll als auch umstritten macht. In dieser Hinsicht ist das script>-Element dem img>-Element sehr ähnlich, d. h. sein src-Attribut kann auf eine URL in einer anderen Domäne als der Domäne der aktuellen HTML-Seite verweisen, zum Beispiel:

  scripttype="text/javascript"src="http://www.somewhere.com/afile.js">/script>

Auf diese Weise wird Code in externen Domänen geladen und analysiert, als befände er sich auf der Seite, die ihn geladen hat. Dadurch können Sie bei Bedarf JavaScript-Dateien aus einer anderen Domäne bereitstellen. Sie sollten jedoch vorsichtig sein, wenn Sie auf JavaScript-Dateien auf einem Server zugreifen, über den Sie keine Kontrolle haben. Wenn Sie das Pech haben, auf einen böswilligen Programmierer zu treffen, kann dieser den Code in dieser Datei jederzeit ersetzen. Wenn Sie also Code aus einer anderen Domäne einbinden möchten, sind entweder Sie der Besitzer dieser Domäne oder der Besitzer dieser Domäne ist vertrauenswürdig.

Unabhängig davon, wie Sie den Code einfügen, analysiert der Browser ihn in der Reihenfolge, in der die Skriptelemente auf der Seite erscheinen. Mit anderen Worten: Nachdem der im ersten script>-Element enthaltene Code analysiert wurde, wird der im zweiten script> enthaltene Code analysiert und dann der dritte und vierte.

Dies ist das Ende dieses Artikels über die Attribute des JSscript-Tags. Weitere Informationen zu den Attributen des JSscript-Tags finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Detaillierte Erklärung des Unterschieds zwischen den Defer- und Async-Attributen des Skript-Tags in JS
  • JavaScript implementiert mehrere Tabs durch Abrufen der HTML-Tag-Attributklasse
  • So erhalten und ändern Sie das Namensattribut des Eingabetags in JavaScript
  • JavaScript und jQuery ändern das href-Attribut des a-Tags
  • Javascript-Code zum Abrufen der Tag-ID und Ändern des Stilattributs

<<:  Drei Prinzipien effizienten Navigationsdesigns, die Webdesigner kennen müssen

>>:  SQL verwendet die Funktion ROW_NUMBER() OVER, um eine Sequenznummer zu generieren

Artikel empfehlen

Detaillierte Erläuterung der bidirektionalen Docker-Netzwerkverbindung

Docker-Netzwerk anzeigen Docker-Netzwerk ls [root...

HTML-Tutorial: Das Optgroup-Element verstehen

Wählen Sie die Kategorieauswahl. Nach Tests könne...

Detaillierte Erläuterung häufig verwendeter Nginx-Umschreibregeln

Dieser Artikel enthält einige häufig verwendete U...

Docker-Lösung zum Anmelden ohne Root-Rechte

Wenn Sie den Docker-Befehl zum ersten Mal verwend...

So verwenden Sie CocosCreator zum Erstellen eines Schießspiels

Analysieren Sie die Produktionsschritte: 1. Resso...

7 Möglichkeiten, Elemente mit CSS vertikal zu zentrieren

【1】Kennen Sie die Breite und Höhe des zentrierten...

Tutorial zur Installation von MySQL 5.7.9 mit RPM-Paket unter CentOS 7

Aufgezeichnetes MySQL 5.7.9-Installationstutorial...

Detaillierte Einführung in die Grundkonzepte von JS

Inhaltsverzeichnis 1. Eigenschaften von JS 1.1 Mu...

Warum kann das in HTML eingebettete Video im MP4-Format nicht abgespielt werden?

Der folgende Code befindet sich in meiner test.htm...

Detaillierte Erklärung der CSS-Stil-Kaskadierungsregeln

Der Syntaxstil der CSS-Stilregel ist die Grundein...

Erstellen eines Redis-Clusters auf Docker

Inhaltsverzeichnis 1. Ziehen Sie das Bild 2. Erst...