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


Posted in Javascript onMarch 07, 2014

今天在导出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

Javascript 相关文章推荐
jQuery使用手册之三 CSS操作
Mar 24 Javascript
JS 建立对象的方法
Apr 21 Javascript
js中通过split函数分割字符串成数组小例子
Sep 21 Javascript
根据配置文件加载js依赖模块
Dec 29 Javascript
javascript实现动态加载CSS
Jan 26 Javascript
jQuery实现表格行上下移动和置顶效果
Jun 05 Javascript
JS+CSS实现美化的下拉列表框效果
Aug 11 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
AngularJS基础 ng-focus 指令简单示例
Aug 01 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
Jul 12 Javascript
js实现通过开始结束控制的计时器
Feb 25 Javascript
javascript canvas API内容整理
Feb 16 Javascript
javascript(js)的小数点乘法除法问题详解
Mar 07 #Javascript
jquery中常用的函数和属性详细解析
Mar 07 #Javascript
jquery 操作两个select实现值之间的互相传递
Mar 07 #Javascript
JS判断文本框内容改变事件的简单实例
Mar 07 #Javascript
使用js判断TextBox控件值改变然后出发事件
Mar 07 #Javascript
jquery1.10给新增元素绑定事件的方法
Mar 06 #Javascript
jquery单行文字向上滚动效果示例
Mar 06 #Javascript
You might like
NOT NULL 和NULL
2007/01/15 PHP
destoon实现公司新闻详细页添加评论功能的方法
2014/07/15 PHP
PHP代码判断设备是手机还是平板电脑(两种方法)
2015/10/19 PHP
phpmailer绑定邮箱的实现方法
2016/12/01 PHP
PHP删除字符串中非字母数字字符方法总结
2019/01/20 PHP
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
2009/10/20 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
2010/08/01 Javascript
javascript循环变量注册dom事件 之强大的闭包
2010/09/08 Javascript
JSP跨iframe如何传递参数实现代码
2013/09/21 Javascript
javascript检查浏览器是否支持flash的实现代码
2014/08/14 Javascript
使用纯javascript实现放大镜效果
2015/03/18 Javascript
js改变css样式的三种方法推荐
2016/06/28 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
2016/12/08 Javascript
利用babel将es6语法转es5的简单示例
2017/12/01 Javascript
vue.js内置组件之keep-alive组件使用
2018/07/10 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
webpack打包优化的几个方法总结
2020/02/10 Javascript
如何在 Vue 表单中处理图片
2021/01/26 Vue.js
Python实现过滤单个Android程序日志脚本分享
2015/01/16 Python
pycharm+django创建一个搜索网页实例代码
2018/01/24 Python
详谈Pandas中iloc和loc以及ix的区别
2018/06/08 Python
Python实现购物评论文本情感分析操作【基于中文文本挖掘库snownlp】
2018/08/07 Python
深度辨析Python的eval()与exec()的方法
2019/03/26 Python
python数值基础知识浅析
2019/11/19 Python
基于python3抓取pinpoint应用信息入库
2020/01/08 Python
如何通过python实现人脸识别验证
2020/01/17 Python
2014年圣诞节倒计时网页的制作过程
2014/12/05 HTML / CSS
英国家喻户晓的高街品牌:River Island
2017/11/28 全球购物
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
团员学习总结的自我评价范文
2013/10/14 职场文书
团日活动总结书格式
2014/05/08 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
Vue实现动态查询规则生成组件
2021/05/27 Vue.js
实现AJAX异步调用和局部刷新的基本步骤
2022/03/17 Javascript
详解Flutter和Dart取消Future的三种方法
2022/04/07 Java/Android
Python  lambda匿名函数和三元运算符
2022/04/19 Python