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.fn自定义jQuery翻页插件
Jan 20 Javascript
无闪烁更新网页内容JS实现
Dec 19 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
js实现简单秒表走动的时钟特效
Mar 25 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
Dec 11 Javascript
jQuery实现的简单拖拽功能示例
Sep 13 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
Dec 20 Javascript
JS实现图片点击后出现模态框效果
May 03 Javascript
Bootstrap table使用方法总结
May 10 Javascript
3种vue组件的书写形式
Nov 29 Javascript
Vue封装一个简单轻量的上传文件组件的示例
Mar 21 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
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
域名查询代码公布
2006/10/09 PHP
php 删除数组元素
2009/01/16 PHP
PHP运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
一个无限级XML绑定跨框架菜单(For IE)
2007/01/27 Javascript
点图片上一页下一页翻页效果
2008/07/09 Javascript
javascript web对话框与弹出窗口
2009/02/22 Javascript
打造基于jQuery的高性能TreeView(asp.net)
2011/02/23 Javascript
js中escape对应的C#解码函数 UrlDecode
2012/12/16 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
2015/08/25 Javascript
jquery验证邮箱格式并显示提交按钮
2015/11/07 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
2016/02/03 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
2016/06/28 Javascript
AngularJS用户选择器指令实例分析
2016/11/04 Javascript
微信小程序商品到详情的实现
2017/06/27 Javascript
详解vue-cli3使用
2018/08/14 Javascript
解决layer.confirm选择完之后消息框不消失的问题
2019/09/16 Javascript
微信小程序实现Swiper轮播图效果
2019/11/22 Javascript
JavaScript 中判断变量是否为数字的示例代码
2020/10/22 Javascript
[03:37]2015国际邀请赛第四日现场精彩集锦
2015/08/08 DOTA
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
使用Eclipse如何开发python脚本
2018/04/11 Python
Python closure闭包解释及其注意点详解
2019/08/28 Python
pytorch 获取tensor维度信息示例
2020/01/03 Python
Ubuntu16安装Python3.9的实现步骤
2020/12/15 Python
Python爬虫获取op.gg英雄联盟英雄对位胜率的源码
2021/01/29 Python
简单html5代码获取地理位置
2014/03/31 HTML / CSS
巴西备受欢迎的服装和生活方式品牌:FARM Rio
2020/02/04 全球购物
Linux机考试题
2015/10/16 面试题
毕业生在校学习的自我评价分享
2013/10/08 职场文书
七夕活动策划方案
2014/08/16 职场文书
安全施工责任书
2014/08/25 职场文书
业务员工作态度散漫检讨书
2014/11/02 职场文书
高中语文教材(文学文化常识大全一)
2019/08/13 职场文书
电脑关机速度很慢怎么办 提升电脑关机速度设置教程
2022/04/08 数码科技