查看: 2264|回复: 1

IE中使用JavaScript中调用form.submit()提示“对象不支持此属性和方法”问... [复制链接]

admin

管理员

Rank: 9 Rank: 9 Rank: 9

TA的每日心情

	无聊 2025-5-27 03:37:20

签到天数: 366 天

[LV.9]以坛为家II

我玩的应用:

电梯直达

楼主

发表于 2011-7-11 18:36:18 |只看该作者 |倒序浏览

今天在项目中无意中遇到的一个神奇的问题，特此记录。
首先我们看看以下代码，页面的功能和逻辑很简单。
这段代码从逻辑上看没有任何错误和BUG，理论上是可以完全执行的。
<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查看这个页面并点击提交按钮，表单会正常提交，但是我们换到IE下面，IE却会提示“对象不支持此属性和方法“ 而停止提交的操作。
这是怎么回事呢？经过我多方的查找资料，发现是提交按钮的name="submit"的属性在捣乱。
此时我们将theform.submit();注释掉，新起一行输入alert(theform.submit.value);刷新页面后再次点击提交，弹出的窗口上会显示”提交“两个字，神奇了！theform.submit居然是提交按钮而不是theform的方法了!
为什么会出现这个问题呢，因为在IE下可以通过 表单.表单元素名称 这样的方式获得一个表单下的所有表单元素，但是巧就巧在这里，如果某个表单元素的名称和表单的方法名重名的话那么IE就会优先将名称解析为某个表单元素，而不是表单的方法，此时就会出现这个神奇的问题了。
转自:http://be-evil.org/showlog-83.html

分享到: QQ空间 腾讯微博 腾讯朋友

分享0 收藏0 支持0 反对0 分享到人人 转发到微博

[img=http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=fRUcHhYWGAQ9GxIFEBwUEVMeEhA]http://rescdn.qqmail.com/zh_CN/htmledition/images/function/qm_open/ico_mailme_02.png[/img]

使用道具举报

admin

管理员

Rank: 9 Rank: 9 Rank: 9

TA的每日心情

	无聊 2025-5-27 03:37:20

签到天数: 366 天

[LV.9]以坛为家II

沙发

发表于 2011-7-11 18:38:13 |只看该作者

DreamWeaver自动命名的新加的控件名称就是其类型,所以,有一个提交按钮的NAME等于submit,造成脚本运行时,把submit()当成是一个属性,所以出错了.
解决document.form1.submit()对象不支持此属性或方法的办法:很简单,将页面中名称为"submit"的控件改一下名称就可以了

比如:
有一个submit按钮名字叫submit
  <input type="submit" name="submit" value="提交"/>
  你把这个名称改一下
  <input type="submit" name="submit1" value="提交"/>

[img=http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=fRUcHhYWGAQ9GxIFEBwUEVMeEhA]http://rescdn.qqmail.com/zh_CN/htmledition/images/function/qm_open/ico_mailme_02.png[/img]

使用道具举报

返回列表

帐号		自动登录	找回密码
密码			注册

IE中使用JavaScript中调用form.submit()提示“对象不支持此属性和方法”问... [复制链接]

论坛先锋

学习至圣

荣誉成员

论坛元老

活跃之星

终极领袖