设为首页收藏本站

就爱编程论坛

 找回密码
 注册

人人连接登陆

无需注册,直接登录

用新浪微博连接

一步搞定

QQ登录

只需一步,快速开始

查看: 2248|回复: 1
打印 上一主题 下一主题

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

Rank: 9Rank: 9Rank: 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空间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]

    使用道具 举报

    Rank: 9Rank: 9Rank: 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]

    使用道具 举报

    您需要登录后才可以回帖 登录 | 注册 人人连接登陆

    晴云孤魂's Blog|就爱编程搜帖|手机版|Archiver|就爱编程论坛     

    GMT+8, 2025-7-2 18:53 , Processed in 0.090093 second(s), 28 queries .

    Powered by Discuz! X2

    © 2001-2011 Comsenz Inc.

    回顶部