修改 script 的 src

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
< !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 文件中的内容类似下面的:

1
2
3
// a.js
var a = 'a.js';
alert(a);

继续阅读“修改 script 的 src”

Submit 按钮在低版本 IE 下的黑边框

对于下面这段代码,当 focus 表单(如输入框)时,提交按钮在 IE 6/7 中将会出现一个黑色边框。

1
2
3
4
5
6
7
8
<style>
input{border:1px solid red;}
</style>

<form>
    <input type="text" value="" />
    <input type="submit" value="submit" />
</form>

如果需要对按钮做美化,保持各浏览器一致(比如设定背景和border等),那么需要处理这个问题。

解决方法是:把 submit 按钮的 border 设为 none,然后如果需要 border,那么采用在其外面包一层元素的方法来实现。