jsp页面标签id与onclick内函数重名引发的问题

最新推荐文章于 2019-05-30 10:57:55 发布
转载 最新推荐文章于 2019-05-30 10:57:55 发布 · 792 阅读 · 0

本文记录了一个关于在HTML中为button元素设置ID时遇到的问题：即当ID与onClick事件中的函数名相同时，会触发错误导致函数无法正常执行。文中提到了此问题在a标签和div标签上似乎不受影响的现象。

今天遇到一个很奇怪的问题，由于测试要做自动化脚本，让我们在所有可以点击的jsp页面元素上加上id，我在button按钮上加了一个id，发现button按钮onClick的函数不能用了，提示Uncaught TypeError: xxx(onClick的函数名) is not a function，然后再网上搜了一圈发现都说标签id名称和onClick函数名称不能一致，否则就会报错，但是貌似在a标签上和div上都无视这个法则，由于个人水平有限，网上说的原因都没太看懂。先记录下来，供以后学习研究，也希望有大神能够不吝赐教！

 

zhangjunqis
关注
Spring 5 PostProcessorRegistrationDelegate 源码解析
qq_30321211的博客
09-09 462
/** * Delegate for AbstractApplicationContext's post-processor handling. * <p>委托AbstractApplicationContext进行后置处理器处理</p> * @author Juergen Hoeller * @since 4.0 */ final class PostProcessorRegistrationDelegate { private PostProcessorRegist
JSP 单页面网站文件管理器
不锈钢虫子 的专栏
11-04 1984
这个文件的开发的设计思想是这样的。有的web 网站，或者B/S 软件的客户，在软件的安装调试阶段，往往对某些细节有特殊要求，也许，是字体的调整，也许是界面方面的小改动意见。面对这样的情况，如果用户没有开放FTP 功能，则开发和维护人员往往就必须亲临现场做一些很小的调试工作。即浪费了时间，也浪费了人力物力。在这样的情况下，我开发了这个具有文件管理功能的 JSP 单页面文件。它提供了文件夹的新
jsp的onclick页面事件
08-12
jsp的onclick页面事件 包含打开保存 跳转 关闭等
button按钮onclick调用的函数名和id相同会导致找不到函数
u011023306的博客
01-22 9836
前几天在做一个页面优化的时候碰到一个奇怪的问题，百思不得其解，耗费了我一天的时间，怎么想都不可能。 问题是这样的，第一天下班前，我给一个button绑定了一个onclick事件，事件调用一个函数，调试成功后下班。 第二天上班，把之前的函数改一个稍微符合用意的名称，再给按钮加了id，函数名和id相同；之后点击按钮时控制台一直报错，找不到我绑定的函数，我确定了很多遍onclick事件填的函数名和要
JSP标签
qq_40078424的博客
05-30 325
JSP自制标签
js 函数名不能与元素的name或id重复
iteye_7334的博客
07-04 323
html页面上有这样一行代码：&lt;input id="back" class="buttonu" name="button" type="button" onclick="back()" value="上一步" /&gt; 运行后报JS错误："back is not a funvtion" 原因：js 函数名不能与元素的name或id重复 解决
CKEditor在jsp中实现文件上传的例子
04-15
在企业级应用开发中，尤其是Java Web开发环境下，经常会遇到需要将CKEditor集成到JSP页面中的需求。 #### 二、CKEditor在JSP中实现文件上传的技术背景 为了更好地理解如何在JSP中集成CKEditor并实现文件上传功能，...
使用jspSmartUpload实现图片上传与重命名
"基于jspSmartUpload的图片上传与更名技术讲解" 在Web开发中，图片上传是一项常见的功能，尤其在电商网站或内容管理系统中。`jspSmartUpload` 是一个专为Java服务器页面（JSP）设计的文件上传组件，它简化了文件...
JSP、Servlet、JDBC学习笔记
me4405801的博客
01-24 3637
WEB的学习 * 服务器 * 网络的架构（面试题） * C/S client/server 客户端/服务器端 例子：QQ 快播 暴风影音 * 优点：交互性好，服务器压力小。 * 缺点：客户端更新了，下载。 * B/S browser/
JSP后台文件管理源代码
首席技术执行官CTO(Chief Technology Officer)|技术总监--邓斌博客
02-06 2679
一直关注基于web的大文件传输的实现，尝试用VB写AcitveX控件在客户端执行FTP登录及上传下载。在win2000下可运行，但好像在Winxp sp2下普遍会被拦截，实现数字签名也枉然。 突然于5号网上找到个好东东介绍JSP实现后台文件管理的，就是web端浏览器实现类似文件管理的功能（多了上传文件）。有源代码提供，就是写得乱了点。经整理改进，增加了文件下载功能，以及对大文件上传的支持（
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
关于java web .jsp文件onclick事件调用java方法问题
空巷。的博客
05-13 8035
在我编程过程中，尝试着用button的onclick事件调用java代码，遇到了问题。.jsp实际上也是java一个类,html中的标签通过这个类中的一个方法通过out.write()显示在页面上，而.jsp文件中通过&lt;%... %&gt;方式穿插的java代码则是直接写在该类中。如下图：从中能看出可以看出只要你在.jsp文件中编写java语句在编译时都会立即执行所以onclick事件不用单...
JSP表单由于提交的button的name与onclick方法名一致导致无法提交
04-16 297
&lt;form action="xxx.action" ..&gt; &lt;input type="text" name="userId" /&gt; &lt;input type="password" name="password" /&gt; ...... &lt;input type="bu
js里出现同名函数后问题
EnjoyInwind的专栏
02-14 9209
1. 在js里出现同名函数后，你在web页面里调用改js函数后，总是调用页面中最后一个加载的函数。 如一个jsp页面里两个js函数位置如下： function liu(str1,str2){} function liu(str1) 你在jsp页面里使用liu函数，则会调用后面一个函数（只有一个参数的那个）。 2. 在网页里调用js函数，调用时写的函数参数多于实际的函数参数个数，多的会被丢弃
jsp中标签id和name的区别
kaminlee
12-05 571
name原来是为了标识之用，但是现在根据规范，都建议用id来标识元素。 但是name在以下用途是不能替代的： 1. 表单(form)的控件名，提交的数据都用控件的name而不是id来控制。因为有许多name会同时对应多个控件,比如checkbox和radio, 而id必须是全文档中唯一的。此外浏览器会根据name来设定发送到服务器的request。因此如果用id，服务器是无法得...
JSP中文API帮助文档：内置对象与标签指南
JSTL旨在简化JSP页面中的常见操作，包括核心标签库、格式化标签库、函数标签库等。核心标签库提供了条件判断、循环处理、表达式操作、国际化等功能。 四、Struts标签 Struts标签是Struts框架提供的标签库，用于在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值