Внедрить внешний файл javascript в html body после загрузки страницы

Я хочу загрузить внешний javascript после загрузки страницы. На самом деле javascript содержит источник объявления и медленное его загрузку страницы. Все, что я хочу, это отложить загрузку и выполнение объявлений, чтобы обеспечить быструю загрузку страницы.

спасибо, Билал

Ответ 1

Вы можете просто использовать этот script в последнем теге блока вашего тела:

<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>

Ответ 2

var script=document.createElement('script');
script.type='text/javascript';
script.src=url;

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

Courtsey

Ответ 3

Я бы посмотрел на использование асинхронной загрузки Javascript. Для этого существуют рамки, такие как requireJS.

Ответ 4

$( "# селектор" ). Нажмите (функция() { $.getScript( "YourScript.js" ); });

Затем запустите то, что реализовано в этом script

Ответ 5

Без использования чего-то вроде jQuery getScript() и обещания или соответствующей библиотеки загрузки, например requireJS, script может быть включен в страницу, но будет загружать async, поэтому нет гарантии, что он будет готов, когда вам это нужно. Если вы уже используете jQuery, тогда будет простой ответ:

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