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 相关文章推荐
javascript 同时在IE和FireFox获取KeyCode的代码
Feb 07 Javascript
javascript获取当前日期时间及其它操作函数
Jan 11 Javascript
获取表单控件原始(初始)值的方法
Aug 21 Javascript
javascript计算用户打开网页的停留时间
Jan 09 Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
Jun 17 Javascript
jQuery实现平滑滚动的标签分栏切换效果
Aug 28 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
Jan 14 Javascript
javascript实现消灭星星小游戏简单版
Nov 15 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
Jan 21 Javascript
微信小程序 页面滑动事件的实例详解
Oct 12 Javascript
vue项目中在可编辑div光标位置插入内容的实现代码
Jan 07 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分页函数
2006/10/09 PHP
LotusPhp笔记之:Cookie组件的使用详解
2013/05/06 PHP
php使用str_replace实现输入框回车替换br的方法
2014/11/24 PHP
测试JavaScript字符串处理性能的代码
2009/12/07 Javascript
js触发onchange事件的方法说明
2014/03/08 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
基于jquery的手风琴图片展示效果实现方法
2014/12/16 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
2015/03/30 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
js实现select下拉框菜单
2015/12/08 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
实例详解display:none与visible:hidden的区别
2017/03/30 Javascript
基于jquery实现左右上下移动效果
2018/05/02 jQuery
后台使用freeMarker和前端使用vue的方法及遇到的问题
2019/06/13 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
2020/02/11 Javascript
Js跳出两级循环方法代码实例
2020/09/22 Javascript
利用JavaScript模拟京东按键输入功能
2020/12/01 Javascript
[01:27:30]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python multiprocessing.Manager介绍和实例(进程间共享数据)
2014/11/21 Python
玩转python爬虫之URLError异常处理
2016/02/17 Python
Python中常用信号signal类型实例
2018/01/25 Python
全面分析Python的优点和缺点
2018/02/07 Python
浅析Django 接收所有文件,前端展示文件(包括视频,文件,图片)ajax请求
2020/03/09 Python
HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
2018/04/23 HTML / CSS
如何在Canvas中添加事件的方法示例
2019/05/21 HTML / CSS
详解如何使用rem或viewport进行移动端适配
2020/08/14 HTML / CSS
英国领先的亚洲旅游专家:Wendy Wu Tours
2018/01/21 全球购物
WSDL的操作类型主要有几种
2013/07/19 面试题
工商管理毕业生推荐信
2013/12/24 职场文书
博士生导师推荐信
2014/07/08 职场文书
党员干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2014年药品销售工作总结
2014/12/16 职场文书
感谢信模板大全
2015/01/23 职场文书
2015秋季开学典礼致辞
2015/07/16 职场文书
mysql知识点整理
2021/04/05 MySQL