js函数名与form表单元素同名冲突的问题

更新时间：2014年03月07日 09:40:18 作者：

本篇文章主要是对js函数名与form表单元素同名冲突的问题进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助

今天在导出Excel的时候用了Form 表单的input hidden 来区分导出和搜索。开始的时候js中的onClick事件的函数名和 hidden 中的 id 命名一样。结果导致报错：调用函数的那一行对象不支持此属性。

找了很长时间都找不出原因，开始的时候一直以为是写错了某个字母，才发现js函数根本没有执行。后来没有办法直接调用了别的函数，发现就有用了，认为是函数名的原因，改了函数名才有用了。然后再将input中的id改成很函数名一样，又出现报错了。在没有下例验证之前，还一直以为是ThinkPHP模板解析的bug。因为有了如下示例，所以证实是js中的函数名不可以和元素中的id相同。

如下例：

复制代码代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>ceshi</title>
<script>
function a()
{
 document.getElementById('a').value="test";
 alert(document.getElementById('a').value);
 return false;
}
</script>
</head>
<body>
<form>
<input type="hidden" id="a" name="a" value="" />
<input type="button" value="excel" onClick="javascript:a();"/>
</form>
</body>
</html>

网页错误详细信息

用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; CIBA; .NET CLR 2.0.50727)
时间戳: Thu, 27 Jan 2011 13:30:09 UTC

消息: 对象不支持此属性或方法
行: 17
字符: 1
代码: 0
URI: file:///C:/Documents%20and%20Settings/Administrator/桌面/test.html

您可能感兴趣的文章:

uni-app自定义组件和通信的方式
组件是 vue 技术中非常重要的部分,组件使得与ui相关的轮子可以方便的制造和共享,进而使得vue使用者的开发效率大幅提升,组件可以使用全局注册和页面引入两种方式进行使用,对uni-app自定义组件和通信相关知识感兴趣的朋友跟随小编一起看看吧
2024-03-03
Javascript中的作用域及块级作用域
作用域永远都是任何一门编程语言中的重中之重，因为它控制着变量与参数的可见性与生命周期。下面给大家介绍Javascript中的作用域及块级作用域，需要的朋友参考下吧
2017-12-12
详解如何使用Flutter动画魔法使UI元素活起来
这篇文章主要为大家介绍了如何使用Flutter动画魔法使UI元素活起来方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-04-04
javascript解析json实例详解
这篇文章主要介绍了javascript解析json的方法,以实例形式详细讲述了javascript的json库用法,需要的朋友可以参考下
2014-11-11
JS面向对象编程之对象使用分析
在AJAX兴起以前，很多人写JS可以说都是毫无章法可言的，基本上是想到什么就写什么，就是一个接一个的函数function，遇到重复的还得copy，如果一不小心函数重名了，还真不知道从何开始查找错误
2010-08-08
js单向链表的具体实现实例
js单向链表的具体实现实例，可以排序，增加，查找，删除的单向链表，需要的朋友可以参考一下
2013-06-06
重置Redux的状态数据的方法实现
这篇文章主要介绍了重置Redux的状态数据的方法实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-11-11
一个简易的js图片轮播效果
这篇文章主要为大家详细介绍了一个简易的js图片轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-07-07
ES6中Math对象的部分扩展
本文主要介绍了ES6中Math对象的部分扩展，具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
js不同客户端显示不同广告(pc端+移动端+微信端)
这篇文章主要介绍了js不同客户端显示不同广告(pc端+移动端+微信端),比较适合自适应网站的广告，需要的朋友可以参考下
2023-02-02