js函數(shù)名與form表單元素同名沖突的問題
今天在導(dǎo)出Excel的時(shí)候用了Form 表單的input hidden 來區(qū)分導(dǎo)出和搜索。開始的時(shí)候js中的onClick事件的函數(shù)名 和 hidden 中的 id 命名一樣。結(jié)果導(dǎo)致報(bào)錯(cuò)：調(diào)用函數(shù)的那一行對(duì)象不支持此屬性。
找了很長(zhǎng)時(shí)間都找不出原因，開始的時(shí)候一直以為是寫錯(cuò)了某個(gè)字母，才發(fā)現(xiàn)js函數(shù)根本沒有執(zhí)行。后來沒有辦法直接調(diào)用了別的函數(shù)，發(fā)現(xiàn)就有用了，認(rèn)為是函數(shù)名的原因，改了函數(shù)名才有用了。然后再將input中的id改成很函數(shù)名一樣，又出現(xiàn)報(bào)錯(cuò)了。在沒有下例驗(yàn)證之前，還一直以為是ThinkPHP模板解析的bug。因?yàn)橛辛巳缦率纠宰C實(shí)是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)頁錯(cuò)誤詳細(xì)信息
用戶代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; CIBA; .NET CLR 2.0.50727)
時(shí)間戳: Thu, 27 Jan 2011 13:30:09 UTC
消息: 對(duì)象不支持此屬性或方法
行: 17
字符: 1
代碼: 0
URI: file:///C:/Documents%20and%20Settings/Administrator/桌面/test.html
- JavaScript實(shí)現(xiàn)動(dòng)態(tài)添加Form表單元素的方法示例
- jQuery實(shí)現(xiàn)form表單元素序列化為json對(duì)象的方法
- javascript獲取form里的表單元素的示例代碼
- javascript實(shí)現(xiàn)的動(dòng)態(tài)添加表單元素input,button等(appendChild)
- js創(chuàng)建表單元素并使用submit進(jìn)行提交
- Javascript簡(jiǎn)單改變表單元素背景的方法
- JavaScript使用表單元素驗(yàn)證表單的示例代碼
- js獲取form表單所有數(shù)據(jù)的簡(jiǎn)單方法
- js實(shí)現(xiàn)a標(biāo)簽超鏈接提交form表單的方法
- Javascript和Java獲取各種form表單信息的簡(jiǎn)單實(shí)例
- JavaScript動(dòng)態(tài)創(chuàng)建form表單并提交的實(shí)現(xiàn)方法
- JS document form表單元素操作完整示例
相關(guān)文章
組件是 vue 技術(shù)中非常重要的部分,組件使得與ui相關(guān)的輪子可以方便的制造和共享,進(jìn)而使得vue使用者的開發(fā)效率大幅提升,組件可以使用全局注冊(cè)和頁面引入兩種方式進(jìn)行使用,對(duì)uni-app自定義組件和通信相關(guān)知識(shí)感興趣的朋友跟隨小編一起看看吧2024-03-03
作用域永遠(yuǎn)都是任何一門編程語言中的重中之重，因?yàn)樗刂浦兞颗c參數(shù)的可見性與生命周期。下面給大家介紹Javascript中的作用域及塊級(jí)作用域，需要的朋友參考下吧2017-12-12
詳解如何使用Flutter動(dòng)畫魔法使UI元素活起來
這篇文章主要為大家介紹了如何使用Flutter動(dòng)畫魔法使UI元素活起來方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
這篇文章主要介紹了javascript解析json的方法,以實(shí)例形式詳細(xì)講述了javascript的json庫用法,需要的朋友可以參考下2014-11-11
在AJAX興起以前，很多人寫JS可以說都是毫無章法可言的，基本上是想到什么就寫什么，就是一個(gè)接一個(gè)的函數(shù)function，遇到重復(fù)的還得copy，如果一不小心函數(shù)重名了，還真不知道從何開始查找錯(cuò)誤2010-08-08
js單向鏈表的具體實(shí)現(xiàn)實(shí)例，可以排序，增加，查找，刪除的單向鏈表，需要的朋友可以參考一下2013-06-06
重置Redux的狀態(tài)數(shù)據(jù)的方法實(shí)現(xiàn)
這篇文章主要介紹了重置Redux的狀態(tài)數(shù)據(jù)的方法實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要為大家詳細(xì)介紹了一個(gè)簡(jiǎn)易的js圖片輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
本文主要介紹了ES6中Math對(duì)象的部分?jǐn)U展，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
js不同客戶端顯示不同廣告(pc端+移動(dòng)端+微信端)
這篇文章主要介紹了js不同客戶端顯示不同廣告(pc端+移動(dòng)端+微信端),比較適合自適應(yīng)網(wǎng)站的廣告，需要的朋友可以參考下2023-02-02