Heim > Web-Frontend > js-Tutorial > Warum haben einige Skript-Tags sowohl „src'- als auch Inline-Inhalt?

Warum haben einige Skript-Tags sowohl „src'- als auch Inline-Inhalt?

DDD
Freigeben: 2024-11-30 05:28:12
Original
974 Leute haben es durchsucht

Why Do Some Script Tags Have Both `src` and Inline Content?

Den Zweck doppelter Attribute in Skript-Tags verstehen

Es wird häufig beobachtet, dass Skript-Tags in Webseiten mehrere Attribute besitzen können. Ein Beispiel hierfür ist im 1-Button-Skript-Tag von Google zu sehen:

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

Dieses spezielle Skript-Tag verfügt sowohl über ein src-Attribut, das das zu ladende externe Skript angibt, als auch über Inhalte, die direkt in das Skript-Tag selbst geschrieben werden . Es stellt sich die Frage, was diese Konfiguration bedeutet und wie sie funktioniert?

Browser-Handhabung und Google-Implementierung

Verschiedene Webbrowser können mit dieser Situation auf unterschiedliche Weise umgehen. Einige Browser führen den Inline-Inhalt nur aus, wenn das externe Skript, auf das das src-Attribut verweist, erfolgreich geladen wurde. Andere versuchen jedoch, den Inline-Inhalt auch dann auszuführen, wenn das externe Skript nicht geladen werden kann.

Aufgrund der Inkonsistenz und Unzuverlässigkeit dieses Verhaltens rät HTML5 von der Verwendung doppelter Attribute in Skript-Tags ab. Trotz dieser Hinweise verlässt sich Google in diesem speziellen Fall nicht auf ein bestimmtes Browserverhalten.

Der Inline-Inhalt im Google-Skript-Tag {"parsetags": "explicit"} ist ein Objektliteral. Die direkte Ausführung dieses Objektliterals hat keine unmittelbaren Auswirkungen und verursacht keine Fehler. Stattdessen untersucht der Code von Google den Inhalt des Skript-Tags selbst, einschließlich des Inline-Objekts, und passt sein Verhalten entsprechend an.

Das obige ist der detaillierte Inhalt vonWarum haben einige Skript-Tags sowohl „src'- als auch Inline-Inhalt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage