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

2019-11-20 20:58:55

字體：大中小

供稿：網(wǎng)友

今天在導(dǎo)出Excel的時候用了Form 表單的input hidden 來區(qū)分導(dǎo)出和搜索。開始的時候js中的onClick事件的函數(shù)名和 hidden 中的 id 命名一樣。結(jié)果導(dǎo)致報(bào)錯：調(diào)用函數(shù)的那一行對象不支持此屬性。

找了很長時間都找不出原因，開始的時候一直以為是寫錯了某個字母，才發(fā)現(xiàn)js函數(shù)根本沒有執(zhí)行。后來沒有辦法直接調(diào)用了別的函數(shù)，發(fā)現(xiàn)就有用了，認(rèn)為是函數(shù)名的原因，改了函數(shù)名才有用了。然后再將input中的id改成很函數(shù)名一樣，又出現(xiàn)報(bào)錯了。在沒有下例驗(yàn)證之前，還一直以為是ThinkPHP模板解析的bug。因?yàn)橛辛巳缦率纠宰C實(shí)是js中的函數(shù)名不可以和元素中的id相同。

如下例：

復(fù)制代碼代碼如下:

<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>