今天在导出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
您可能感兴趣的文章:
- 基于js里调用函数时,函数名带括号和不带括号的区别
- javascript获取函数名称、函数参数、对象属性名称的代码实例
- js类中获取外部函数名的方法与代码
- js类中获取外部函数名的方法
- 关于动态执行代码(js的Eval)实例详解
- javascript中动态函数用法实例分析
- JS函数实现动态添加CSS样式表文件
- JavaScript动态插入script的基本思路及实现函数
- 如何实现动态删除javascript函数
- JavaScript 动态添加脚本,并触发回调函数的实现代码
- 如何用JavaScript动态呼叫函数(两种方式)
- JS动态插入并立即执行回调函数的方法
- 详解js的事件处理函数和动态创建html标记方法
- javascript实现根据函数名称字符串动态执行函数的方法示例