JOIT知识库

<button onclick="window.open('http://passport.woshao.com/member.php?action=register')">注册</button>

以上代码出现在我烧网（http://www.woshao.com/）文章页的右上角，被放在登录表单的内部（登录Form的子节点）。兄弟节点中还有一个button，代码如下：
<button type="submit">登录</button>

很明显，我们所需要的功能是：点击“登录”按钮，将表单提交；点击“注册”按钮，就执行Javascript代码（打开一个新窗口）。
而且这段代码在IE下一切正常。

但是在FireFox中调试时我们发现，无论点击“登录”按钮还是“注册”按钮，表单都会提交。只有将“注册”button的代码改为：
<button type="button" onclick="window.open('http://passport.woshao.com/member.php?action=register')">注册</button>

（添加上了type="button"属性）才能得到我们所需要的结果。

由此分析FireFox和IE对button标签的type属性理解有所不同，FireFox的默认值是submit，而IE的默认值是button。

因此在使用button标签时要格外小心，最好就是不要依靠type的默认值，而是在所有的button标签中都设定type，防止出现因为浏览器的理解不同造成的特殊效果。