Question

我有一个脚本，该脚本调用JS文件以显示一些内容，并且仅在重新加载页面时才起作用，我的意思是，当我在应用程序中的不同页面之间切换时，我看不到内容除非我重新加载整个页面，否则页面会再次出现。

每当用户在页面之间切换时，我都试图调用该脚本，但是它不起作用。

最简单的方法是在后台重新加载页面。

这是我要调用的功能

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

如何使用Angular 5执行JS或在后台加载页面？

Answer 1

例如，您可以使用.insertAdjancentHTML在页面正文中添加带有src =“ ...”的脚本标记。或者您可以使用AMD。

您也可以尝试评估，但这是不正确的做法

Answer 2

我正在使用Vue js开发laravel。我需要在页面加载后或在后台加载此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>

加载Javascript（在后台）而无需重新加载页面

2 个答案: