如何动态设置 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>

硬编码版本有效。关于如何做到这一点的任何想法？

Answer 1

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

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

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

您可以将其包装在一个函数中，其中 'script_path' 是您传入的任何路径。

另请注意，'text/javascript' 不是必需的。所有浏览器都知道它的javascript。