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ì)象不支持此屬性。
找了很長時(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)橛辛巳缦率纠?，所以證實(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簡單改變表單元素背景的方法
- JavaScript使用表單元素驗(yàn)證表單的示例代碼
- js獲取form表單所有數(shù)據(jù)的簡單方法
- js實(shí)現(xiàn)a標(biāo)簽超鏈接提交form表單的方法
- Javascript和Java獲取各種form表單信息的簡單實(shí)例
- JavaScript動(dòng)態(tài)創(chuàng)建form表單并提交的實(shí)現(xiàn)方法
- JS document form表單元素操作完整示例
相關(guān)文章
Javascript別踩白塊兒（鋼琴塊兒）小游戲?qū)崿F(xiàn)代碼
游戲唯一的一個(gè)規(guī)則，我們只需要不斷踩著黑色方塊前進(jìn)即可，這里根據(jù)方向鍵來踩白塊，在規(guī)定的時(shí)間內(nèi)，每走一次分?jǐn)?shù)加100.下面通過本文給大家分享Javascript別踩白塊兒（鋼琴塊兒）小游戲?qū)崿F(xiàn)代碼，一起看看吧2017-07-07
JavaScript中日常收集常見的10種錯(cuò)誤(推薦)
本文是小編給大家日常收集整理的js中常見的10種錯(cuò)誤，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-01-01
這篇文章主要對(duì)JavaScript中的WeakMap進(jìn)行深入探究，包括它的原理、用法和注意事項(xiàng)等，文中的示例代碼簡潔易懂，需要的小伙伴可以參考一下2023-05-05
有時(shí)編寫 Web 應(yīng)用的代碼會(huì)感覺充滿魔力，因?yàn)槲覀冎皇菍懥艘幌盗凶址湍茉跒g覽器里看到效果了。但是理解魔法背后的技術(shù)，可以幫助你更好地提高編程技巧2015-12-12
仿服務(wù)器端腳本方式的JS模板實(shí)現(xiàn)方法
仿服務(wù)器端腳本方式的JS模板實(shí)現(xiàn)方法...2007-04-04
js獲得指定控件輸入光標(biāo)的坐標(biāo)兼容IE,Chrome,火狐等多種主流瀏覽器
js獲得指定控件光標(biāo)的坐標(biāo)，兼容IE,Chrome,火狐等多種主流瀏覽器，實(shí)現(xiàn)代碼及調(diào)用代碼如下，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助2013-05-05
代碼重構(gòu)涉及在不改變其外部功能的情況下對(duì)現(xiàn)有代碼進(jìn)行改進(jìn)，這是編程的核心部分之一，所以下面我們將研究一些技巧，這些技巧可以幫助我們以更好的方式重構(gòu)代碼，希望對(duì)大家有所幫助2023-06-06
javascript實(shí)現(xiàn)京東登錄顯示隱藏密碼
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)京東登錄顯示隱藏密碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
在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)絡(luò)請(qǐng)求、數(shù)據(jù)緩存實(shí)例詳解
這篇文章主要介紹了uni-app網(wǎng)絡(luò)請(qǐng)求、數(shù)據(jù)緩存的相關(guān)知識(shí)，本文通過實(shí)例代碼給大家講解的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-11-11