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

更新時間：2014年03月07日 09:40:18 作者：

本篇文章主要是對js函數(shù)名與form表單元素同名沖突的問題進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助

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

找了很長時間都找不出原因，開始的時候一直以為是寫錯了某個字母，才發(fā)現(xiàn)js函數(shù)根本沒有執(zhí)行。后來沒有辦法直接調(diào)用了別的函數(shù)，發(fā)現(xiàn)就有用了，認為是函數(shù)名的原因，改了函數(shù)名才有用了。然后再將input中的id改成很函數(shù)名一樣，又出現(xiàn)報錯了。在沒有下例驗證之前，還一直以為是ThinkPHP模板解析的bug。因為有了如下示例，所以證實是js中的函數(shù)名不可以和元素中的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>

網(wǎng)頁錯誤詳細信息

用戶代理: 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

您可能感興趣的文章:

相關(guān)文章

Javascript別踩白塊兒（鋼琴塊兒）小游戲?qū)崿F(xiàn)代碼
游戲唯一的一個規(guī)則，我們只需要不斷踩著黑色方塊前進即可，這里根據(jù)方向鍵來踩白塊，在規(guī)定的時間內(nèi)，每走一次分數(shù)加100.下面通過本文給大家分享Javascript別踩白塊兒（鋼琴塊兒）小游戲?qū)崿F(xiàn)代碼，一起看看吧
2017-07-07
JavaScript中日常收集常見的10種錯誤(推薦)
本文是小編給大家日常收集整理的js中常見的10種錯誤，非常不錯，具有參考借鑒價值，需要的朋友參考下
2017-01-01
深入探究JavaScript中WeakMap的原理與用法
這篇文章主要對JavaScript中的WeakMap進行深入探究，包括它的原理、用法和注意事項等，文中的示例代碼簡潔易懂，需要的小伙伴可以參考一下
2023-05-05
寫給小白的JavaScript引擎指南
有時編寫 Web 應用的代碼會感覺充滿魔力，因為我們只是寫了一系列字符，就能在瀏覽器里看到效果了。但是理解魔法背后的技術(shù)，可以幫助你更好地提高編程技巧
2015-12-12
仿服務器端腳本方式的JS模板實現(xiàn)方法
仿服務器端腳本方式的JS模板實現(xiàn)方法...
2007-04-04
js獲得指定控件輸入光標的坐標兼容IE,Chrome,火狐等多種主流瀏覽器
js獲得指定控件光標的坐標，兼容IE,Chrome,火狐等多種主流瀏覽器，實現(xiàn)代碼及調(diào)用代碼如下，感興趣的朋友可以參考下哈，希望對你有所幫助
2013-05-05
JS中可以改善代碼的5種重構(gòu)技術(shù)分享
代碼重構(gòu)涉及在不改變其外部功能的情況下對現(xiàn)有代碼進行改進，這是編程的核心部分之一，所以下面我們將研究一些技巧，這些技巧可以幫助我們以更好的方式重構(gòu)代碼，希望對大家有所幫助
2023-06-06
javascript實現(xiàn)京東登錄顯示隱藏密碼
這篇文章主要為大家詳細介紹了javascript實現(xiàn)京東登錄顯示隱藏密碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-08-08
js數(shù)組合并的8種方法(最全)
在JavaScript中,有多種方法可以合并數(shù)組,本文主要介紹了8種方法,主要包括concat()、spread operator、push()、unshift()、splice()、Array.from()、Array.prototype.reduce()和ES6的Array.prototype.flat(),感興趣的可以了解一下
2023-08-08
uni-app網(wǎng)絡請求、數(shù)據(jù)緩存實例詳解
這篇文章主要介紹了uni-app網(wǎng)絡請求、數(shù)據(jù)緩存的相關(guān)知識，本文通過實例代碼給大家講解的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2022-11-11