js函数名与form表单元素同名冲突的问题_Javascript教程-查字典教程网
js函数名与form表单元素同名冲突的问题
js函数名与form表单元素同名冲突的问题
发布时间:2016-12-30 来源:查字典编辑
摘要:今天在导出Excel的时候用了Form表单的inputhidden来区分导出和搜索。开始的时候js中的onClick事件的函数名和hidde...

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

</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教程学习
    编程开发子分类