修改 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 框架，适合快速作出一个好看的页面；在没设计要求的情况下，是一个很好的选择。

评论已关闭。