Heim  >  Artikel  >  Web-Frontend  >  Methoden zum gleichzeitigen Herunterladen von JavaScript und anderen Ressourcen_Javascript-Kenntnissen

Methoden zum gleichzeitigen Herunterladen von JavaScript und anderen Ressourcen_Javascript-Kenntnissen

WBOY
WBOYOriginal
2016-05-16 16:33:561223Durchsuche

In IE6/7 behindert JavaScript das Rendern von Seiten auf zwei Arten:
Die Webressourcen unter dem Skript-Tag werden nicht mehr angefordert und heruntergeladen, bevor das Skript geladen ist.
Die HTML-Elemente unter dem Skript-Tag werden nicht mehr gerendert, bevor das Skript geladen wird.

Das Skript-Tag verhindert das Herunterladen unter IE6/7 Firefox2/3 Safari3 Chrome1 und Opera:

Obwohl Skripte unter IE8, Safari4 und Chrome2 gleichzeitig ausgeführt werden können, behindert es dennoch das Herunterladen anderer Ressourcen:

Es gibt 6 Möglichkeiten, Skripte parallel zu anderen Ressourcen herunterzuladen:

1. 2.XHR-Injection – Laden Sie das Skript über XHR herunter, erstellen Sie dann ein Skript-Tag und fügen Sie es in das Dokument ein (im Body- oder Head-Tag) und setzen Sie dann das Textattribut des Skript-Tags auf den Wert von XHRs „responseText“
3.XHR in Iframe – Fügen Sie das Skript-Tag in einen Iframe ein und laden Sie es über den Iframe herunter
4.Skript-DOM-Element – ​​Erstellen Sie ein Skript-Tag und verweisen Sie dessen src-Attribut auf Ihre Skriptadresse
5.Script Defer – Fügen Sie das Defer-Attribut des Script-Tags hinzu. Dies ist nur im IE gültig, aber Firefox 3.1 unterstützt dieses Attribut auch
6. Verwenden Sie die document.write-Methode, um