如何动态设置src地址?

时间:2012-10-07 00:59:43

标签: javascript src

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

所以,页面网址是: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>

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

1 个答案:

答案 0 :(得分:6)

听起来你正试图动态创建脚本标签。

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

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

你可以将它包装在一个函数中,其中'script_path'就是你传递的路径。

另请注意,“text / javascript”不是必需的。所有浏览器都了解它的javascript。