如何动态设置src地址？

Question

我正在尝试从页面URL中获取信息，以设置数据文件的src。

例如，页面URL为：page.html?x=data_file_3 （这个想法是我可以更改URL来访问其他数据文件：data_file_4等。）

我提取URL中的"data_file_3"部分并将其放入一个变量中： （我用于此的代码运行良好--因此结果为） folder = "/data_file_3/content.js" --该文件的内容只是一个数组

然后我尝试了这个方法：

<script id="url" type="text/javascript"></script>

<script language="javascript">
...
var u = document.getElementById('url');
u.src = folder;
...
</script>

但是这并不起作用（数组数据没有显示在页面上）。我将此代码放在了以前硬编码的位置：

<script type="text/javascript" src="/data_file_3/content.js"></script>

硬编码版本可行。有什么办法可以实现这一点？

- Brad Thomas

Answer 1

听起来您正在尝试动态创建脚本标签。

var scr = document.createElement('script');
    scr.src = 'script_path';

document.getElementsByTagName('head')[0].appendChild(scr);

您可以将此内容包装在一个函数中，其中“script_path”是您传递的路径。请注意，“text/javascript”不是必需的。所有浏览器都知道它是JavaScript。

- Geuis

---

对我来说很有道理，但仍然无法工作（我使用alert()检查了路径，它是正确的）。这里是否有我错过的“执行顺序”问题？如果这个附加到头部，而使用数据的代码在正文中，为什么会有问题？我被难住了。 - Brad Thomas

这是关于编程的内容，请将以下文本从英语翻译成中文。仅返回翻译后的文本：整个内容在此处 - src的内容位于头部区域。您可以在URL末尾添加?z=/storage/crim/c02_irc_warrior以查看脚本是否获取了内容文件夹。 - Brad Thomas

你正在使用jQuery，所以请将xcontent资源更改为json文档，并通过xhr请求返回它。 - Geuis