月度归档：2012年07月

修改 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);

继续阅读 →

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

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

<style>
input{border:1px solid red;}
</style>

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

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

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