Charge externe fichier javascript après onload()

- Je utiliser le head tag:

<script src="js/lightbox.js"></script>

Est-il possible de supprimer cette désactiver l'en-tête et de charger ce fichier avec onload()?

<body onload="...">...</body>

Remarque: Ce n'est pas une fonction, c'est un fichier js externe avec plusieurs fonctions.

Merci!

ajoutez juste "Async" et de "reporter" de l'attribut à votre JS tag par exemple: "<script src="js/lightbox.js" reporter async="async"></script>" ce qui vous permettra de charger lorsque vous appelez une fonction à l'intérieur d'elle.

OriginalL'auteur Roman Tisch | 2014-02-13

  1. 4
    <script>
function loadJS(src, callback) {
    var s = document.createElement('script');
    s.src = src;
    s.async = true;
    s.onreadystatechange = s.onload = function() {
        var state = s.readyState;
        if (!callback.done && (!state || /loaded|complete/.test(state))) {
            callback.done = true;
            callback();
        }
    };
    document.getElementsByTagName('head')[0].appendChild(s);
}
loadJS('/script/script.js', function() { 
    //put your code here to run after script is loaded
});
</script>

    Je pense toujours de son mieux pour charger jQuery et utiliser $.getScript au lieu que vous avez des tas de goodies.

    Peut appeler cela sur le corps de la charge

    OriginalL'auteur Vinay Pratap Singh

  2. 2
    onload="blabla();"

function blabla()
{
    $.getScript( 'url to your js file', function( data, textStatus, jqxhr ) {
        //do some stuff after script is loaded
    });
}

    Vous pouvez en apprendre plus ici

    Source

    OriginalL'auteur AtanuCSE

  3. 2

    Si vous voulez le faire sans jQuery, utilisez ce

    function addScript(filename)
{
 var scriptBlock=document.createElement('script')
 scriptBlock.setAttribute("type","text/javascript")
 scriptBlock.setAttribute("src", filename)
 document.getElementsByTagName("head")[0].appendChild(scriptBlock)
}

    et de l'appeler avec <body onload="addScript('myFile.js')". Si vous avez plusieurs fichiers à charger, vous pouvez les mettre dans une enveloppe, qui ajoute tous les fichiers que vous souhaitez.

    OriginalL'auteur Esben Boye-Jacobsen

  4. 1

    Utiliser $(document).prêt()
    et à partir de cette fonction de la charge javascript. Cela semble fou, mais peut être fait. veuillez suivre http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

    OriginalL'auteur Mahesh

  5. 0
    
var JS = {
  load: function(src, callback) {
    var script = document.createElement('script'),
        loaded;
    script.setAttribute('src', src);
    if (callback) {
      script.onreadystatechange = script.onload = function() {
        if (!loaded) {
          callback();
        }
        loaded = true;
      };
    }
    document.getElementsByTagName('head')[0].appendChild(script);
  }
};

//Example with callback

JS.load("http://www.someawesomedomain.com/some.js", function() {
    //Do your thing.
});

    OriginalL'auteur lshettyl