如何动态设置src地址？

Question

我试图从页面URL获取信息来设置数据文件的src.

所以,说网页网址是:page.html？x = data_file_3(这个想法是我可以更改网址来访问其他数据文件: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.