javascript - 为何使用<script>标签引入动态生成的JS代码段执行失败？

Question

script标签如何引入一个动态生成js代码的链接，并能正常运行？

<script>标签引入动态生成的js代码段，执行失败，如何解决？

<script>标签引入java等动态生成的js代码段，执行失败，说明如下：
1.a.com ，2.a.com,3.a.com页面都需要引入js的json变量值，所以想用4.a.com写一个动态页面生成如下的js代码内容例如：var jsdata={"list":[{...},{...}]};

1.a.com ，2.a.com,3.a.com页面通过
<script type="text/javascript" src="http://4.a.com/x/"></script>
执行后控制台显示Uncaught ReferenceError: jsdata is not defined

当我把http://4.a.com/x/生成的代码，以文本形式调入就正常运行，存成js文件调用也运行正常，就是以问题说的调用动态链接方式不能执行，求大佬指教！！！

Answer 1

JS 请求和解析是需要时间的，动态添加脚本之后，监听这个脚本的onload事件，在回调函数中执行，应该就可以了。

Answer 2

这个问题似乎是由于动态生成的JavaScript代码无法在引入的页面中正确地获取和解析。

当你通过<script>标签引入一个外部的JavaScript文件时，浏览器会立即下载并执行该文件。如果这个文件是动态生成的，那么它必须在服务器端正确生成和输出，然后才能被浏览器正确地解析和执行。

在你的情况下，似乎动态生成的JavaScript代码在服务器端没有正确生成或输出，或者在浏览器端没有正确解析。这可能是由于各种原因，例如服务器错误、网络问题、代码错误等。

解决这个问题的方法可能包括：

1. 检查服务器端的代码，确保动态生成的JavaScript代码正确生成和输出。
2. 确保网络连接正常，没有阻止浏览器从服务器下载JavaScript代码的任何问题。
3. 检查浏览器是否正确解析了JavaScript代码。你可以在浏览器的开发者工具中查看控制台输出，看看是否有任何错误或警告。
4. 如果动态生成的JavaScript代码依赖于其他变量或数据，确保在动态生成代码之前就已经定义了这些变量或数据。
5. 尝试使用其他的JavaScript加载方式，例如使用document.createElement和document.head.appendChild手动创建和添加<script>元素。

希望这些建议能帮助你解决问题。如果你需要更具体的帮助，你可能需要提供更多的信息，例如服务器端的代码、浏览器的控制台输出等。