js 函数名不能与元素的name或id重复

最新推荐文章于 2019-08-13 15:23:04 发布
原创 最新推荐文章于 2019-08-13 15:23:04 发布 · 323 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个常见的HTML页面中JS函数名与元素name或id重复导致的问题及解决方法。通过更改函数名避免了错误的发生，确保了网页正常运行。

html页面上有这样一行代码：<input id="back" class="buttonu" name="button" type="button" onclick="back()" value="上一步" />

运行后报JS错误："back is not a funvtion"

原因：js 函数名不能与元素的name或id重复

解决办法：onclick="back()"  改为 onclick="goBack()"

iteye_7334
关注
js函数名与form表单元素同名冲突的问题
10-26
在Web开发中，为了避免JavaScript函数名和form表单元素id同名导致的冲突问题，推荐开发者在编写代码时遵循良好的命名习惯和规范，例如使用命名空间、前缀或后缀区分标识符，或使用闭包封装等方法来确保代码的健壮性...
js this函数调用无需再次抓获id，name或标签名
12-02
标题和描述提到的"js this函数调用无需再次抓获id，name或标签名"，意味着通过正确使用`this`，我们可以避免频繁地使用`document.getElementById`、`document.getElementsByName` 或 `document.getElementsByTagName...
关于JavaScript函数中的方法名与html标签中的id名重复问题
m943917709的博客
04-12 1315
今天开始学了JavaScript，最基本的函数的内嵌，写了一个form， &lt;form id="aaa" name="calcForm" action="#" method="post" onSubmit="calc()"&gt; 被除数：&lt;input type="text" name="dividend" id="input
javascript中name和id不能和方法名重名的问题
学无先后,达者为先
07-19 474
&lt;script&gt; function btn() { alert("ok"); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form name="form1" id="form1"&gt; &lt;input id="btn&quot
IE浏览器---JS中变量名跟HTML标签的ID相同的问题
weixin_33804582的博客
11-30 332
最近在项目开发中碰到在IE浏览器中，如果HTML页面定义的标签元素ID跟JS中定义的全局变量名相同，则在JS中可以用该变量直接访问、设置HTML页面中标签ID相同元素的属性和方法。详细分析如下： 在HTML页面中定义了ID为msg的DIV标签：<div id='msg'> this is test in IE broswer. </di...
button元素的id与onclick的函数名字相同 导致方法失效的问题
psel123的博客
01-18 449
需求需要在原先页面添加一个按钮，触发一个function，如此简单的操作，却无意间发现了一个问题。(还是对html了解的太少) 先看下在菜鸟教程的示例(错误代码) 这个时候就正确了，可见是form的问题，原因 form中的input属性的值已经作为当前form的属性了，由于作用域问题，onclick访问的是form的dianji属性而不是外部的函数。 【dianji()会默认传递一个隐性参数thi...
JS 函数命名
04-01 957
说一个经验之谈，我也不确定我的这个说法科学不科学： JS 函数名不要和 html 标签的 ID 同名，因为在 JS 里面，它把 html 标签的 ID 和 JS 函数名都是看成对象的，所以这样会产生两个同名对象，所以就会出错。 不过我又发现，这种问题只是在 IE9 以下的浏览器才会出现。在 FF 和 chrome 以及 IE9 都没事。 下面附上代码： /*  图片验证码看不清楚
js中利用tagname和id获取元素的方法
10-23
JavaScript 提供了多种方法来实现元素的获取，本文将详细介绍使用 tagname 和 id 获取元素的三种方法。 首先，了解一些基础概念。在HTML中，每个元素都可以通过唯一的id属性进行标识，而tagname则是指元素的标签名...
javascript通过元素id和name直接取得元素的方法
12-02
在JavaScript中，你可以直接通过ID来访问元素，因为浏览器会将ID为`<element_id>`的元素转换为全局变量`element_id`，只要这个ID不与已有的JavaScript内置属性或全局变量冲突。例如，如果你有一个ID为`btn_ok`的按钮...
JS中的方法名与HTML中id、name重名问题
qq_34628724的博客
08-23 2399
1. 在HTML的from表单中，&lt;input&gt;标签内的id或name不能与JS方法重名 2. 当&lt;input&gt;标签不在from表单中，id或name可以与JS方法重名 3. &lt;image&gt;标签id或name不能与JS方法重名 4. &lt;div&gt;和&lt;a&gt;标签内的id或name可以与JS方法重名...
js代码中出现相同名称的函数
独酌101112的博客
08-13 1759
js代码中出现相同名称的函数 最近在学习js，在学习函数时，发现一个比较有趣的事情，代码如下： function abs(x) { if(x >= 0){ return x; }else{ return -x; } } function abs(x) { if(x >= 0){ return -x; ...
jsp页面标签id与onclick内函数重名引发的问题
zhangjunqis的博客
09-12 792
今天遇到一个很奇怪的问题，由于测试要做自动化脚本，让我们在所有可以点击的jsp页面元素上加上id，我在button按钮上加了一个id，发现button按钮onClick的函数不能用了，提示Uncaught TypeError: xxx(onClick的函数名) is not a function，然后再网上搜了一圈发现都说标签id名称和onClick函数名称不能一致，否则就会报错，但是貌似在a标签
js中方法名重复
qq_21689117的博客
08-26 1175
  在同一个js文件中，方法名不能重复，如上图，如果重复了，会导致调用错误的方法
js中函数的三种定义方式、函数声明、函数同名重复、函数删除、
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
09-17 5806
全栈工程师开发手册 （作者：栾鹏） 快捷链接： js系列教程1-数组操作全解 js系列教程2-对象和属性全解 js系列教程3-字符串和正则全解 js系列教程4-函数与参数全解 js系列教程5-容器和算法全解 js系列教程6-BOM操作全解 js系列教程7-DOM操作全解 js系列教程8-事件全解 js系列教程9-表单元素全解 js系列教程10-canvas绘图全解 js系
HTML中id或name与function方法名相同的问题
麦兜响当当
03-28 2590
废话不说，直接上demo 首先小编模拟了这些元素在form中的情况，这种情况在项目中经常遇到的。 测试6 测试7 function test1(){ alert("测试1"); } function test2(){ alert("测试2"); }
JavaScript 重名的函数和对象
司马懿的西山居
03-17 8061
JavaScript 允许重复声明变量，后声明的覆盖之前的。var a = 1; var a = 'x'; console.log(a); //输出'x'JavaScript允许重复定义函数。 JavaScript没有重载这个概念，它仅依据函数名来区分函数。 后定义的同名函数覆盖之前的，与参数无关。 function test() { console.log("test"); } test(
JavaScript中属性name与方法名不能相同
weixin_34220834的博客
11-09 172
看看以下这段代码对不对，仔细看，你会看出问题。 <tablewidth="98%"border="0"align="center"cellpadding="0"cellspacing="0"class="tabMainBot"><trclass="trColor"><td><input...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值