javascript - javascript加载其他脚本-调用函数-未定义

Question

我有这个 JS：

<script type="text/javascript">
var aaascript = document.createElement('script'); aaascript.type = 'text/javascript';
aaascript.src = ('https:' == document.location.protocol ? 'https://xxx' : 'http://xxx') + '/aaa.js';
var aaas = document.getElementsByTagName('script')[0]; aaas.parentNode.insertBefore(aaascript,aaas);
callthis('somevalue');
</script>

此代码生成一个脚本标记并将其插入到页面中。在脚本 aaa.js 中是函数 callthis。但是当我调用该函数时，会出现以下错误：

Uncaught ReferenceError: callthis is not defined (anonymous function)

这里出了什么问题？

Answer 1

script正在创建标签，但随后从服务器加载脚本。callthis()在这两个事件之间被调用；也就是说，在脚本完全加载之前，因此该方法不存在。

使用.onload脚本标签的事件来延迟调用callthis()，直到脚本完全加载，如此处所述。