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