Welchen Unterschied macht es, mehrere Skriptblöcke auf einer Webseite zu verwenden?

Question

Edit: Als Andrew Moore wies darauf hin, dass diese Frage ein Duplikat von Two separate script tags for Google Analytics? ist Also sollte diese Frage gelöscht werden, um platter Stack Overflow zu vermeiden, es sei denn, es gibt einen Punkt in diesem zu halten, da es wahrscheinlich in etwas anderen suchen wird.

Welchen Unterschied macht es, mehr als einen Skriptblock auf einer Webseite zu verwenden? Ich habe den Standardcode für Google Analytics als Beispiel eingefügt, und ich habe das gleiche Muster an anderen Orten verwendet. Warum wird dieser Code in zwei separate Skriptblöcke aufgeteilt, anstatt nur einen einzigen zu verwenden?

<script type="text/javascript"> 
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); 
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); 
</script> 
<script type="text/javascript"> 
    try{ 
     var pageTracker = _gat._getTracker("UA-xxxxxx-x"); 
     pageTracker._trackPageview(); 
    } catch(err) {} 
</script> 

Answer 1

Die zweite <script> enthält Code, der von google-analytics.com/ga.js geladen wird.

Nicht zurückgestellte Skripte werden in der Reihenfolge ausgeführt, in der sie im DOM vorhanden sind.

Die erste <script> injiziert eine neue <script> nach sich (mit dem src zeigt auf Googles ga.js), die unmittelbar lädt und ausführt - erst dann wird der zweite <script> ausgeführt werden sollen.

Answer 2

In Ihrem Beispiel der erste Skriptblock verwendet document.write ein anderes Skript Element zu schreiben, die ein externes Skript lädt und dann das zweite Skript Element verwendet in diesem externen Skript definiert Dinge. Ich bin mir ziemlich sicher, dass das Teilen in zwei Skriptblöcke notwendig ist, damit es funktioniert.

Wenn Sie nicht solche komischen Tricksereien verwenden, macht das Setzen mehrerer Skriptblöcke in einer Reihe normalerweise nichts Besonderes. Es ist nützlich, sie in verschiedenen Teilen der Seite zu verwenden, wenn Sie Skripts ausführen möchten, während das Dokument geladen wird. Wenn Ihre Seite sehr lang ist, möchten Sie vielleicht ein Skript ausführen, während es noch geladen wird, um die Dinge so schnell wie möglich zu initialisieren. Das Ersetzen von Elementen durch Widgets sollte so früh wie möglich erfolgen, um zu verhindern, dass Dinge herumspringen, wenn die Seite schließlich geladen wird.

Answer 3

Wenn der Code in den ersten Blöcken mit einer Ausnahme endet, funktioniert auch der zweite Teil.

Answer 4

<script> Tags werden nacheinander ausgeführt. Ein <script> Block kann nicht ausgeführt werden, wenn der vorherige nicht ausgeführt wird.

Die erste <script>-Tag ist verantwortlich für die Erstellung der Google <script>-Tag, die die externe js laden wird. Nachdem der erste <script> Ausführung beendet ist, sucht der DOM wie folgt aus:

<script></script> <!-- First Script Tag --> 
<script></script> <!-- Google Injected Script --> 
<script></script> <!-- Second Script Tag --> 

Dies garantiert, dass die zweite <script> Tag ausgeführt wird erst die .js fertig geladen ist. Wenn der erste und der zweite <script> kombiniert würden, würde dies dazu führen, dass die Variable _gat undefiniert ist (da das von Google injizierte Skript erst dann geladen wird, wenn das erste Skript ausgeführt wird).