js函數(shù)名與form表單元素同名沖突的問題
更新時間：2014年03月07日 09:40:18 作者：
本篇文章主要是對js函數(shù)名與form表單元素同名沖突的問題進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
今天在導(dǎo)出Excel的時候用了Form 表單的input hidden 來區(qū)分導(dǎo)出和搜索。開始的時候js中的onClick事件的函數(shù)名 和 hidden 中的 id 命名一樣。結(jié)果導(dǎ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)報錯了。在沒有下例驗證之前，還一直以為是ThinkPHP模板解析的bug。因為有了如下示例，所以證實是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>
網(wǎng)頁錯誤詳細(xì)信息
用戶代理: 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實現(xiàn)動態(tài)添加Form表單元素的方法示例
- jQuery實現(xiàn)form表單元素序列化為json對象的方法
- javascript獲取form里的表單元素的示例代碼
- javascript實現(xiàn)的動態(tài)添加表單元素input,button等(appendChild)
- js創(chuàng)建表單元素并使用submit進(jìn)行提交
- Javascript簡單改變表單元素背景的方法
- JavaScript使用表單元素驗證表單的示例代碼
- js獲取form表單所有數(shù)據(jù)的簡單方法
- js實現(xiàn)a標(biāo)簽超鏈接提交form表單的方法
- Javascript和Java獲取各種form表單信息的簡單實例
- JavaScript動態(tài)創(chuàng)建form表單并提交的實現(xiàn)方法
- JS document form表單元素操作完整示例
相關(guān)文章
組件是 vue 技術(shù)中非常重要的部分,組件使得與ui相關(guān)的輪子可以方便的制造和共享,進(jìn)而使得vue使用者的開發(fā)效率大幅提升,組件可以使用全局注冊和頁面引入兩種方式進(jìn)行使用,對uni-app自定義組件和通信相關(guān)知識感興趣的朋友跟隨小編一起看看吧2024-03-03
作用域永遠(yuǎn)都是任何一門編程語言中的重中之重，因為它控制著變量與參數(shù)的可見性與生命周期。下面給大家介紹Javascript中的作用域及塊級作用域，需要的朋友參考下吧2017-12-12
這篇文章主要為大家介紹了如何使用Flutter動畫魔法使UI元素活起來方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
這篇文章主要介紹了javascript解析json的方法,以實例形式詳細(xì)講述了javascript的json庫用法,需要的朋友可以參考下2014-11-11
js單向鏈表的具體實現(xiàn)實例，可以排序，增加，查找，刪除的單向鏈表，需要的朋友可以參考一下
2013-06-06 
重置Redux的狀態(tài)數(shù)據(jù)的方法實現(xiàn)
這篇文章主要介紹了重置Redux的狀態(tài)數(shù)據(jù)的方法實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11 
這篇文章主要為大家詳細(xì)介紹了一個簡易的js圖片輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07 
本文主要介紹了ES6中Math對象的部分?jǐn)U展，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02 
這篇文章主要介紹了js不同客戶端顯示不同廣告(pc端+移動端+微信端),比較適合自適應(yīng)網(wǎng)站的廣告，需要的朋友可以參考下
2023-02-02