萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> IE中使用JavaScript中調用form.submit()提示“對象不支持此屬性和方法”

IE中使用JavaScript中調用form.submit()提示“對象不支持此屬性和方法”

 今天在項目中無意中遇到的一個神奇的問題,特此記錄。

首先我們看看以下代碼,測試頁面可以看這裡,頁面的功能和邏輯很簡單。

這段代碼從邏輯上看沒有任何錯誤和BUG,理論上是可以完全執行的。

<html>
    <head>IE 測試</head>
<body>
<script language="javascript">
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查看這個頁面並點擊提交按鈕,表單會正常提交,但是我們換到IE下面,IE卻會提示“對象不支持此屬性和方法“ 而停止提交的操作。

這是怎麼回事呢?經過我多方的查找資料,發現是提交按鈕的name="submit"的屬性在搗亂。

此時我們將theform.submit();注釋掉,新起一行輸入alert(theform.submit.value);刷新頁面後再次點擊提交,彈出的窗口上會顯示”提交“兩個字,神奇了!theform.submit居然是提交按鈕而不是theform的方法了!

為什麼會出現這個問題呢,因為在IE下可以通過 表單.表單元素名稱 這樣的方式獲得一個表單下的所有表單元素,但是巧就巧在這裡,如果某個表單元素的名稱和表單的方法名重名的話那麼IE就會優先將名稱解析為某個表單元素,而不是表單的方法,此時就會出現這個神奇的問題了。

copyright © 萬盛學電腦網 all rights reserved