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 相关文章推荐
解读IE和firefox下JScript和HREF的执行顺序
Jan 12 Javascript
JavaScript写的一个DIV 弹出网页对话框
Aug 14 Javascript
深入理解JavaScript定时机制
Oct 29 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
Nov 19 Javascript
Javascript实现页面跳转的几种方式分享
Oct 26 Javascript
JS中关于正则的巧妙操作
Aug 31 Javascript
深入理解Vue 单向数据流的原理
Nov 09 Javascript
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
Dec 14 Javascript
Vue-input框checkbox强制刷新问题
Apr 18 Javascript
JS数组Object.keys()方法的使用示例
Jun 05 Javascript
NUXT SSR初级入门笔记(小结)
Dec 16 Javascript
JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析
Apr 25 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
php sprintf()函数让你的sql操作更安全
2008/07/23 PHP
php网页标题中文乱码的有效解决方法
2014/03/05 PHP
使用PHP生成图片的缩略图的方法
2015/08/18 PHP
Some tips of wmi scripting in jscript (1)
2007/04/03 Javascript
JavaScript实现信用卡校验方法
2015/04/07 Javascript
JavaScript动态添加事件之事件委托
2016/07/12 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
2017/10/26 Javascript
angular实现页面打印局部功能的思考与方法
2018/04/13 Javascript
京东优选小程序的实现代码示例
2020/02/25 Javascript
python备份文件以及mysql数据库的脚本代码
2013/06/10 Python
使用IronPython把Python脚本集成到.NET程序中的教程
2015/03/31 Python
Python3爬虫学习之爬虫利器Beautiful Soup用法分析
2018/12/12 Python
Python函数定义及传参方式详解(4种)
2019/03/18 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
Python 如何提高元组的可读性
2019/08/26 Python
django框架forms组件用法实例详解
2019/12/10 Python
详解pycharm连接不上mysql数据库的解决办法
2020/01/10 Python
python shapely.geometry.polygon任意两个四边形的IOU计算实例
2020/04/12 Python
Python Pillow(PIL)库的用法详解
2020/09/19 Python
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
2013/01/06 HTML / CSS
canvas实现漂亮的下雨效果的示例
2018/04/18 HTML / CSS
阿迪达斯加拿大官网:Adidas加拿大
2016/08/25 全球购物
假日旅行社实习自我鉴定
2013/09/24 职场文书
自我鉴定200字
2013/10/28 职场文书
优秀实习生感言
2014/03/01 职场文书
企业标语大全
2014/07/01 职场文书
安全生产目标管理责任书
2014/07/25 职场文书
公务员四风问题对照检查材料整改措施
2014/09/26 职场文书
2015年元宵节活动总结
2015/02/06 职场文书
酒店财务总监岗位职责
2015/04/03 职场文书
六年级数学教学反思
2016/02/16 职场文书
python中if和elif的区别介绍
2021/11/07 Python
Win11软件图标固定到任务栏
2022/04/19 数码科技
Java多线程并发FutureTask使用详解
2022/06/28 Java/Android