JS Head追加脚本

Question

以编程方式在head元素之后附加脚本标签，

head.appendChild(script_elm);

在上述脚本元素中，我正在定义一个变量。如果我想访问在script标记内定义的变量，则在追加头部后无法立即使用。为什么？

Answer 1

您需要等待脚本被加载。作为@DanieleAlessandra评论

 script_elem.onload = function() {
      // some code
    };

看到这个问题

Call javascript function after script is loaded

Answer 2

请确保通过脚本访问该变量。 例如，external-script.js

window.externalScript = function () {

    const yourVariable = //do some magic here;
    this.scriptVariable = yourVariable;
    // your code
}

然后您可以像下面这样在onload函数中使用此变量：

script_elem.onload = () => {
    if (window.externalScript &&
        window.externalScript().scriptVariable) {
        //do whatever you want to do with your script variable.
    }
}