javascript - 加载js时遇到问题

Question

如果这很简单或者无法完成，我提前表示歉意。基本上，我试图在我的网站上加载年龄验证 js，但我试图根据不同国家的法定饮酒年龄在不同的页面之间进行选择。

如果我简单地加载脚本，它就可以正常工作:

<script type="text/javascript" src="https://av.ageverify.co/jsfr/singlemalt.18.js"></script>

但是，如果我尝试对此脚本进行任何类型的修改，它根本不会加载。例如，如果我尝试将 src 设置为变量(我将在不同的脚本中调用该变量，则它无法加载)。

<script>
    url = "https://av.ageverify.co/jsfr/singlemalt.18.js";
</script>
<script type="text/javascript" src=url></script>

任何想法将不胜感激!

编辑:

附加信息:我尝试按照人们的建议使用 getScript，但也遇到了问题:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<script>
    $.getScript("https://av.ageverify.co/jsfr/singlemalt.18.js");

</script>

或者这个方法:

function loadJs() {
  var url = "https://av.ageverify.co/jsfr/singlemalt.18.js";
  var script = document.createElement("script");
  script.src = url;
  document.head.appendChild(script);
}

这最后一个似乎可以与其他简单的脚本一起使用，但也许这个特定的脚本正在寻找某种浏览器条件？关于如何解决这个问题或寻找什么有什么建议吗？应该会弹出一个年龄验证页面，询问您的年龄。

Answer 1

HTML 标签不理解变量。您需要使用 src 的 URL属性。 HTML 不知道您的 JavaScript 变量是什么。

如果你想加载.js这种方式文件，你需要使用JavaScript。你能做的就是创建一个新的 <script>标记，然后将其附加到页面。

var url = "https://av.ageverify.co/jsfr/singlemalt.18.js";

var script = document.createElement("script");
script.src = url;

document.head.appendChild(script);

如果您使用 jQuery，这基本上就是 $.getScript确实如此。

var url = "https://av.ageverify.co/jsfr/singlemalt.18.js";

$.getScript(url);