js函數名與form表單元素同名沖突的問題

2019-11-20 20:58:55

字體：大中小

來源：轉載

供稿：網友

今天在導出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>