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
您可能感兴趣的文章:
- JavaScript实现动态添加Form表单元素的方法示例
- jQuery实现form表单元素序列化为json对象的方法
- javascript获取form里的表单元素的示例代码
- javascript实现的动态添加表单元素input,button等(appendChild)
- js创建表单元素并使用submit进行提交
- Javascript简单改变表单元素背景的方法
- JavaScript使用表单元素验证表单的示例代码
- js获取form表单所有数据的简单方法
- js实现a标签超链接提交form表单的方法
- Javascript和Java获取各种form表单信息的简单实例
- JavaScript动态创建form表单并提交的实现方法
- JS document form表单元素操作完整示例
相关文章
游戏唯一的一个规则，我们只需要不断踩着黑色方块前进即可，这里根据方向键来踩白块，在规定的时间内，每走一次分数加100.下面通过本文给大家分享Javascript别踩白块儿（钢琴块儿）小游戏实现代码，一起看看吧2017-07-07
本文是小编给大家日常收集整理的js中常见的10种错误，非常不错，具有参考借鉴价值，需要的朋友参考下2017-01-01
这篇文章主要对JavaScript中的WeakMap进行深入探究，包括它的原理、用法和注意事项等，文中的示例代码简洁易懂，需要的小伙伴可以参考一下2023-05-05
有时编写 Web 应用的代码会感觉充满魔力，因为我们只是写了一系列字符，就能在浏览器里看到效果了。但是理解魔法背后的技术，可以帮助你更好地提高编程技巧2015-12-12
仿服务器端脚本方式的JS模板实现方法...2007-04-04
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
js获得指定控件光标的坐标，兼容IE,Chrome,火狐等多种主流浏览器，实现代码及调用代码如下，感兴趣的朋友可以参考下哈，希望对你有所帮助2013-05-05
代码重构涉及在不改变其外部功能的情况下对现有代码进行改进，这是编程的核心部分之一，所以下面我们将研究一些技巧，这些技巧可以帮助我们以更好的方式重构代码，希望对大家有所帮助2023-06-06
这篇文章主要为大家详细介绍了javascript实现京东登录显示隐藏密码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
在JavaScript中,有多种方法可以合并数组,本文主要介绍了8种方法,主要包括concat()、spread operator、push()、unshift()、splice()、Array.from()、Array.prototype.reduce()和ES6的Array.prototype.flat(),感兴趣的可以了解一下2023-08-08
这篇文章主要介绍了uni-app网络请求、数据缓存的相关知识，本文通过实例代码给大家讲解的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-11-11
最新评论