Wie füge ich ein script-tag in die top/Anfang der head-tag?

Möchte ich einfügen, um ein script-tag, bevor der ganze rest des scripts in den head-tag. Wie würde ich das mit nativem javascript?

<head>
    //INSERT SCRIPT HERE
     <script type="text/javascript" src="common.js"></script>
     <script type="text/javascript" src="omni-controls.js"></script>
</head>

Wenn ich Sie benutze, es ist einfach angehängt, nachdem alle tags in das head-tag.

document.getElementsByTagName("head")[0].appendChild(script);
  • Was ist der Grund dafür? Es wird sich nicht ändern, die Reihenfolge der Ausführung der vorhandenen Skripte.
  • Warum müssen Sie fügen Sie es an die Spitze? Da es dynamisch eingefügt wurde, können Sie davon ausgehen, die anderen scripts bereits geladen haben. Daher stellen Sie es an die Spitze der HEAD tag ja egal.
  • Wenn Sie müssen, können Sie insertBefore obwohl ich nicht sehen, den Punkt.
  • Das Skript, das ich bin, das einfügen ist jquery und es ist ein Drehbuch im Kopf, das erfordert jquery und ich bekomme eine Fehlermeldung in der Konsole sagen "jquery ist nicht definiert" und das script wird nicht geladen.
  • Dann wird dies nicht helfen, laden Sie in jQuery zu spät, wie die anderen script hat es versäumt, es zu finden und aufgehört zu laufen. Warum nicht fügen Sie einfach das Skript-tag ohne javascript?
  • Sie sollten sich wirklich Fragen, über das eigentliche problem, nicht deine vermeintliche Lösung. Wenn Ihr code basiert auf jQuery, laden Sie jQuery als Teil der Seite.
  • Es bekam. Lassen Sie mich Bearbeiten Sie diese Frage und präsentieren das eigentliche problem. Danke.

InformationsquelleAutor Justin | 2012-10-19
  1. 11
    var head = document.getElementsByTagName("head")[0]

head.insertBefore(script, head.firstChild);
    • Down-vote? Was ist falsch mit dieser Lösung?
    • Sie könnte erklären, den code, den ich denke, links zu Dokumenten, - Beschreibung, wie es funktioniert... ich habe nicht -1, nur eine Vermutung.
    • Ja, das kann es sein. Ich denke, dass code wie dieser ist effektiv selbst zu dokumentieren.
    • Wenn ein Benutzer kommt zu Fragen wie man ein Skript an der Spitze der den Kopf, weil Sie wollen, es zu laden, bevor die beiden anderen... nun, sagen wir einfach, Sie sollten davon ausgehen, Sie wissen sehr wenig und müssen erklären/hand-halten ;D
    • FYI, das leistet, was die OP gefragt, aber nicht die Folge etwas anders als mit appendChild() weil die anderen scripts bereits ausgeführt, so setzen Sie eine neue ein, bevor Sie gegen die nach Ihnen ändert sich nichts. Meine Vermutung ist, dass der OP ist es falsch zu denken, dass dies ein problem lösen für Sie.
    • jfriend00: ich bin mir sicher, dies ist wahrscheinlich ein X - /Y-Problem. Das störrische Teil von mir gerne eine Antwort auf die direkte Frage, und Sie Leben lassen, mit dem Ergebnis, nicht zu Fragen, das eigentliche problem.
    • Haha, fair genug, ich fühle mich wie das auch einige Tage

    InformationsquelleAutor I Hate Lazy
  2. 6

    Holen Sie sich die firstChild des <head>, und verwenden Sie dann insertBefore.

    Wird sich nicht ändern die Reihenfolge die Skripte geladen, aber (da Sie einfügen in den DOM nach anderen Skripts analysiert wurden), so wird dies nicht geben, keine significate Unterschied von knapp über appendChild

    InformationsquelleAutor Quentin
  3. 2
    document.head.insertBefore(script, document.head.firstElementChild);
    InformationsquelleAutor Craig1123
Schreibe einen Kommentar