Kann ein „Tag' sowohl „src' als auch Inhalt haben, und wie zuverlässig funktioniert das in allen Browsern?

Das Script-Tag mit src und Content verstehen

In HTML wird das Script-Tag häufig zum Laden und Ausführen von JavaScript-Code verwendet. Normalerweise wird das src-Attribut verwendet, um die URL einer externen JavaScript-Datei anzugeben. In bestimmten Fällen kann ein Skript-Tag jedoch auch Inhalte innerhalb der öffnenden und schließenden Tags enthalten.

Beispiel für den 1-Button von Google:

Bedenken Sie den folgenden Code von Google 1 Schaltfläche:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {"parsetags": "explicit"}
</script>

In diesem Beispiel hat das Skript-Tag sowohl ein src-Attribut, das auf eine externe JavaScript-Datei verweist, als auch Inhalt innerhalb der Tags.

Browserverhalten und Zuverlässigkeit:

Verschiedene Browser handhaben dieses Szenario auf unterschiedliche Weise. Einige Browser führen den Inhalt aus, wenn das src-Attribut erfolgreich und ohne Fehler eingebunden wurde. Andere versuchen, das src-Skript einzubinden und den Inhalt auszuführen, ohne Erfolg.

Unvorhersehbares Verhalten und Veraltung in HTML5:

Dieses Verhalten ist jedoch höchst unvorhersehbar und unzuverlässig. In HTML5 ist die Verwendung von src und content in einem Skript-Tag verboten. Dies liegt daran, dass das Verhalten des Browsers stark variieren kann, was zu potenziellen Kompatibilitätsproblemen führen kann.

Googles Ansatz:

Der Ansatz von Google im obigen Beispiel ist nicht von einem bestimmten Browser abhängig Verhalten. Der Inhalt innerhalb des Skript-Tags ist ein Objektliteral, bei dem es sich um einen statischen Wert handelt. Wenn der Browser es ausführt, wird außer einem stillen Fehler keine nennenswerte Aktion ausgeführt. Stattdessen analysiert der Code von Google den Inhalt des Skript-Tags selbst und passt sein Verhalten entsprechend an.

Das obige ist der detaillierte Inhalt vonKann ein „Tag' sowohl „src' als auch Inhalt haben, und wie zuverlässig funktioniert das in allen Browsern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!