Загрузить Javascript (в фоновом режиме) без перезагрузки страницы

Question

У меня есть скрипт, который вызывает файл JS для отображения некоторого содержимого, и он работает только при перезагрузке страницы, то есть, когда я переключаюсь между различными страницами, которые есть в моем приложении, я не вижу содержимоетолько если я не перезагружаю всю страницу - вот когда она появляется снова.

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

Самый простой способперезагрузить страницу в фоновом режиме.

Это функция, которую я хочу вызвать

loadMyScript(event) {
  this.loadJsFile('myScript.js');
}

Как я могу выполнить JS или загрузить страницу в фоновом режиме с помощью Angular 5?

Answer 1

Я работаю Laravel с Vue JS.и мне нужна эта загрузка js после загрузки страницы или в фоновом режиме.

, поэтому я нахожу это решение, надеюсь, это поможет вам.

<script>
window.onload=function () {
    setTimeout(() => {
       loadGoogleCaptcha();
    }, 2000); 

}
function loadGoogleCaptcha() {
 var script = document.createElement("script");
 script.src = "http://www.google.com/recaptcha/api.js";
 script.type = "text/javascript";
 document.getElementsByTagName("head")[0].appendChild(script);
}
</script>

Answer 2

Вы можете добавить тег сценария с src = "..." в тело страницы, например, с помощью .insertAdjancentHTML. Или вы можете использовать AMD.

Также вы можете попробовать eval, но это ПЛОХАЯ ПРАКТИКА