Как вызвать вынешний скрипт по определенному событию на странице?

Question

[miron-partner]

Есть код на странице перед </body> , который подгружает скрипт в процессе построения DOM

<script type="text/javascript">
document.write('<scr'+'ipt language="javascript" type="text/javascript" src="https://site.ru/output/index/43"></scr'+'ipt>');
</script>

Вопрос: как сделать так, чтоб он подключался не в процессе построения DOM, а после загрузки страницы (к примеру по какому либо событию)?

Comments

[Владимир Коротенко]

после загрузки страницы запускаете таймер, потом запускаете то что вам нужно, потом еще раз таймер

Answer 1

[ThunderCat]

document.write так то устаревшая фигня, использовать не рекомендуется. Обычно создают контейнер для добавления элемента, или добавляют в body в конец через createElement и append().

Comments

[miron-partner]

Могли бы вы конкретно кодом изложить свою мысль:

Вот код, подключения скрипта изначальный с подключением перед закрывающим body:

<script type="text/javascript">
document.write('<scr'+'ipt language="javascript" type="text/javascript" src="site.ru/output/index/44"></scr'+'ipt>');
</script>

А вот кусок моего скрипта, внутри которого по событию (нажатие на кнопку), должно происходить подключение верхнего скрипта:

document.querySelector('.button').onclick = function(){
	// Как правильно на JS это подключение здесь реализовать?
}

Answer 2

[BUTURUM]

самый простой способ это создавать и добавлять элемент script на страницу в нужный вам момент. Тогда правда он будет некоторое время подгружаться. Если это не подходит, то оборачивайте весь код скрипта в функцию.

Comments

[miron-partner]

Если не сложно конкретно кодом подскажите:

Вот код, подключения скрипта изначальный с подключением перед закрывающим body:

<script type="text/javascript">
document.write('<scr'+'ipt language="javascript" type="text/javascript" src="site.ru/output/index/44"></scr'+'ipt>');
</script>

А вот кусок моего скрипта, внутри которого по событию (нажатие на кнопку), должно происходить подключение верхнего скрипта:

document.querySelector('.button').onclick = function(){
	// Как правильно на JS это подключение здесь реализовать?
}

[BUTURUM]

miron-partner, а зчем document.write()?

document.querySelector('.button').onclick = function(){
  let script = document.createElment('script'); script.src = 'site.ru/output/index/44'; document.body.append(script)
}