修改 script 的 src

对于以下代码,仅 ie6 中会 alert 3 次,别的都仅第一次有。

<!DOCTYPE html>
<html>
<head>
    <title>modify script's attribute</title>
    <meta charset="utf-8" />
</head>
<body>
     <script type="text/javascript" src="a.js"></script>
     <script type="text/javascript">
         var scr = document.scripts[0];

         // use setAttribute to modify script's src
         scr.setAttribute('src', 'b.js');
     </script>
     <script type="text/javascript">
         // reset script's src attribute 
         scr.src = 'c.js';
     </script>
</body>
</html>

其中 a/b/c 这 3 个 js 文件中的内容类似下面的:

// a.js
var a = 'a.js';
alert(a);

通过修改已有 script 的 src 来达到请求新 js 的方法不可行,除了 ie6,似乎别的都会 ban 掉这个请求。

因此,如果需要新请求一个 script,还是老老实实 document.createElement(‘script’)

6条评论

  1. 请问一下,这个博客是用wordpress内置的模板弄的么?还是自己设计重新套新的模板的?其实我觉得你不用弄个手机版的,直接弄响应式的布局就行了!

    1. 自己写的;手机版其实是很早以前为 wap 而来的,现在的智能机访问的话会自动跳到一个适合手机的版本;原来还有人翻译了 bootstrap 啊

      1. 其实我是最近才知道bootstrap的,我才刚接触,我想问bootstrap好用吗?火不火?

        1. 火不火没关系,主要是那是一个 css 框架,适合快速作出一个好看的页面;在没设计要求的情况下,是一个很好的选择。

评论已关闭。