Question

J'essaye de créer un petit script qui va injecter un tag dans une page.

Ici, il est:

<script type="text/javascript" charset="utf-8"> 
    var url = 'http://my_url.com/js/widget_rss.js?cle=4c65683101e22&host=' + window.location.hostname; 
    var scriptTag = document.createElement('script') 
    scriptTag.src = url; 
    var head = document.getElementsByTagName("head")[0]; 
    (head || document.body).appendChild(scriptTag); 
    </script> 

Il travaille, il appelle l'autre et le fichier fonctionne, mais il rend la charge du navigateur pour toujours ...

Toutes les idées ce qui ne va pas à ce sujet?

Merci!

Answer 1

Chaque fois que je besoin de ce genre de chargement de script que j'utilise cet extrait:

function loadScript(scriptName) { 
    var customScript = document.createElement('script'); 
      customScript.type = 'text/javascript'; 
      customScript.async = true; 
    customScript.src = scriptName; 
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(customScript); 
};//loadScript 

Après cela, vous appelez juste avec loadScript('path/to/script').

Si vous avez besoin de choses plus avancées (comme les chargeurs de rappel et CSS), vous pouvez utiliser lazyload.