Posted on 2010-04-13 14:30
瘋狂 閱讀(4974)
評論(5) 編輯 收藏 所屬分類:
java
今天在項(xiàng)目中無意中遇到的一個(gè)神奇的問題，特此記錄。
首先我們看看以下代碼，測試頁面可以看這里,頁面的功能和邏輯很簡單。
這段代碼從邏輯上看沒有任何錯(cuò)誤和BUG，理論上是可以完全執(zhí)行的。
<html>
<head>IE 測試</head>
<body>
<script language="javascript">
/*
======================================
IE 下 submit 重名測試
作者：朦朧中的罪惡
博客：http://be-evil.org
======================================
*/
function dosubmit()
{
var theform = document.getElementById('theform');
theform.submit();
}
</script>
<form method="post" id="theform">
<table width="800">
<tr>
<td><input type="text" value="測試"></td>
</tr>
<tr>
<td><input type="button" name="submit" value="提交" onclick="dosubmit()"></td>
</tr>
</table>
</form>
</body>
</html>
如果用Firefox查看這個(gè)頁面并點(diǎn)擊提交按鈕，表單會(huì)正常提交，但是我們換到IE下面，IE卻會(huì)提示“對象不支持此屬性和方法“ 而停止提交的操作。
這是怎么回事呢？經(jīng)過我多方的查找資料，發(fā)現(xiàn)是提交按鈕的name="submit"的屬性在搗亂。
此時(shí)我們將theform.submit();注釋掉，新起一行輸入alert(theform.submit.value);刷新頁面后再次點(diǎn)擊提交，彈出的窗口上會(huì)顯示”提交“兩個(gè)字，神奇了！theform.submit居然是提交按鈕而不是theform的方法了!
為什么會(huì)出現(xiàn)這個(gè)問題呢，因?yàn)樵贗E下可以通過 表單.表單元素名稱 這樣的方式獲得一個(gè)表單下的所有表單元素，但是巧就巧在這里，如果某個(gè)表單元素的名稱和表單的方法名重名的話那么IE就會(huì)優(yōu)先將名稱解析為某個(gè)表單元素，而不是表單的方法，此時(shí)就會(huì)出現(xiàn)這個(gè)神奇的問題了。
本文來自CSDN博客，：http://blog.csdn.net/l00109503/archive/2009/03/24/4020135.aspx