468 Stimmen

Dynamisches Laden von JS innerhalb von JS

Ich habe eine dynamische Webseite, wo ich eine externe JS-Datei importieren müssen (unter einer IF Bedingung) innerhalb einer anderen Javascript-Datei.

Ich habe versucht, nach einer praktikablen Lösung zu suchen, aber es hat nicht funktioniert.

Ich habe versucht, das Laden einer JS-Datei in das DOM mit document.createElement() aber es hat auch nicht funktioniert. Offenbar wurde die Js in das DOM geladen, aber war nicht in der aktuellen JS-Datei zugänglich.

Lösung in jQuery wird auch in Ordnung sein

1voto

todotresde Punkte 1700

Hier ist eine kleine Lib, um Javascript und CSS-Dateien dynamisch zu laden:

https://github.com/todotresde/javascript-loader

Ich denke, es ist nützlich, css- und js-Dateien in der richtigen Reihenfolge und dynamisch zu laden.

Unterstützung für das Laden beliebiger Bibliotheken, nicht nur der Hauptdatei, sondern auch für das Laden eigener Dateien.

D.H.:

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="scripts/javascript-loader.js" type="text/javascript" charset="utf-8" ></script>    
    <script type="text/javascript">
        $(function() {

            registerLib("threejs", test);

            function test(){
                console.log(THREE);
            }

            registerLib("tinymce", draw);

            function draw(){
                tinymce.init({selector:'textarea'});
            }

        }); 
    </script>
</head>
<body>
    <textarea>Your content here.</textarea>
</body>

1voto

Wenn Sie eine viele Dateien con Abhängigkeiten verwenden Sie AMD/RequireJS. http://requirejs.org/

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X