Injecter externe fichier javascript dans le html du corps après le chargement de la page

Je veux charger un javascript externe une fois que la page est chargée. En fait le javascript contient la source pour une annonce et sa prise de chargement de la page lent. Tout ce que je veux, c'est retarder le chargement & l'exécution des annonces pour être sûr rapide de chargement de la page.

grâce,
Bilal

  • Avez-vous essayé de mettre le <script> à la fin du document, juste avant </body>?
InformationsquelleAutor Tepu | 2012-05-24
  1. 12

    Vous pouvez simplement utiliser ce script à la dernière balise de votre corps de bloc:

    <script type="text/javascript">
   var script = document.createElement('script');
   script.setAttribute('src', 'http://yourdomian.com/your_script.js');
   script.setAttribute('type', 'text/javascript');
   document.getElementsByTagName('head')[0].appendChild(script);
</script>
    • ce ne sera pas afficher des annonces qui sont chargés par le script externe.
    InformationsquelleAutor Aleš Kotnik
  2. 5
    var script=document.createElement('script');
script.type='text/javascript';
script.src=url;

$("body").append(script);

    Courtsey

    • Il n'est pas nécessaire d'utiliser jQuery à ce point. document.body.appendChild(script);
    • ce ne sera pas afficher des annonces qui sont chargés par le script externe.
    • Le script ne devient pas immédiatement disponibles (à l'aide de jQuery et de la non-jQuery approches) donc ce n'est pas une solution universelle. Vous devez utiliser une bibliothèque comme async ou utiliser le jQuery getScript méthode avec une promesse (voir ci-dessous).
    InformationsquelleAutor Ankur Verma
  3. 2

    $("#sélecteur").cliquez sur(function(){
    $.getScript("YourScript.js");
    });

    Ensuite l'Exécuter ce qui est mis en œuvre dans le script

    • Même que ci-dessus, cette charge async donc, pour être stable, vous devez utiliser une bibliothèque de synchronisation ou de promesses pour exemple: $.getScript( url ).ensuite( function() { //ne pas être appelé jusqu'à ce que le script est en fait chargé });
    InformationsquelleAutor DadViegas
  4. 2

    Je regarde à l'aide de Javascript asynchrone de chargement. Il y a des cadres pour ce comme requireJS.

    • Ou YepNope JS...
    InformationsquelleAutor Richard
  5. 0

    Sans l'aide de quelque chose comme jQuery getScript() et d'une promesse ou d'un bon de chargement de la bibliothèque comme requireJS, le script peut être inclus dans la page, mais vous permettra de charger async donc il n'y a aucune garantie qu'il sera prêt quand vous en avez besoin. Si vous êtes déjà à l'aide de jQuery, la réponse la plus simple est alors:

    $.getScript( scriptUrl ).then( function() {
  //do this ONLY after the script is fully loaded
});
    InformationsquelleAutor rainabba