看看以下这段代码对不对,仔细看,你会看出问题。

  1. <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="tabMainBot">
  2. <tr class="trColor">
  3. <td>
  4. <input type="text" name="existOrNotStatus" value="${existOrNotStatus}"/>
  5. <#if existOrNotStatus=="existData">
  6. <input type="button" name="examinAgree" id="examinAgree" value="同意" class="button" onclick="examinAgree()"/>
  7. <#else>
  8. <input type="button" name="examinReport" id="examinReport" class="button" value="上报"/>
  9. </#if>
  10. <input type="button" name="examinDisagree" id="examinDisagree" value="不同意" class="button" onclick="refuseReason()"/>
  11. <input name="Button1" type="button" class="button" value="返回" onclick="history.back(-1)">
  12. </td>
  13. </tr>
  14. </table>
  15. <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="tabMainBot">
  16. <tbody id="reason" style="display:none;">
  17. <tr class="">
  18. <td width="20%">
  19. 拒绝理由:
  20. </td>
  21. <td>
  22. <textarea id="returnBack" name="refuseReason" id="refuseReason" class="textarea" rows="5" readonly>${refuseReason?default("")}</textarea>
  23. </td>
  24. </tr>
  25. <tr>
  26. <td></td>
  27. <td>
  28. <input type="button" name="examinConfirm" id="examinConfirm" value="确定" onclick="examinConfirm()"/>
  29. </td>
  30. </tr>
  31. </tbody>
  32. </table>

找到了吗?有许多name的值与onclick中的方法名是相同的,开始就这样写的,测试代码的时候一直没有任何反应,也不报错,不管用什么浏览器都是一个样子-没有反应,找了半天也不知道是哪儿错了。叫来同事看了看,他也不知道,这时我说,name的值应该不能与onclick的方法名相同,他说可能是,将同名的方法都改成了另外的名字,测试通过。以前总以为,同一个属性的name名与方法不能相同,现在看来是,只要是name名就不能与方法名相同,不管是不是在同一个属性中。

说明了一个问题,起名字很重要,有的时候一不小心就起成关键字了,再有的时候就出现了上面这种情况,没有任何提示的错误,这就是所谓的经验吧。

本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/418162,如需转载请自行联系原作者

JavaScript中属性name与方法名不能相同相关推荐

  1. php中this的使用技巧,JavaScript中this关键字使用方法详解

    JavaScript中this关键字使用方法详解 在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了 ...

  2. JavaScript中遍历数组的方法

    目录 JavaScript中遍历数组的方法 1.for 循环遍历 2.forEach 遍历 3.map 遍历 4.for...of 遍历 5.filter 遍历 6.some 遍历 7.keys,va ...

  3. javascript中对象的assign()方法

    javascript中对象的assign()方法 Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象.它将返回目标对象. 语法: Object.assign( ...

  4. 区分JavaScript中slice与splice方法

    区分JavaScript中slice与splice方法 slice()方法是从已有的数组中返回通过索引选定的元素. 语法:array.slice(startIndex,endIndex) 参数star ...

  5. 5种JavaScript中常用的排序方法

    5种JavaScript中常用的排序方法 01.冒泡排序 通过相邻数据元素的交换,逐步将待排序序列变为有序序列,如果前面的数据大于后面的数据,就将两值进行交换,将数据进行从小到大的排序,这样对数组的第 ...

  6. html script 换行,JavaScript中实现换行的方法

    JavaScript中实现换行的方法 发布时间:2021-03-15 10:55:53 来源:亿速云 阅读:122 作者:小新 小编给大家分享一下JavaScript中实现换行的方法,希望大家阅读完这 ...

  7. js基础知识温习:Javascript中如何模拟私有方法

    本文涉及的主题虽然很基础,在很多人眼里属于小伎俩,但在JavaScript基础知识中属于一个综合性的话题.这里会涉及到对象属性的封装.原型.构造函数.闭包以及立即执行表达式等知识. 公有方法 公有方法 ...

  8. JavaScript中this关键字使用方法详解

    在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了,用起来是非常方便和意义确定的.JavaScrip ...

  9. JavaScript中Object.prototype.toString方法的原理

    在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法. <一>, ECMAScript 3  1. 在E ...

最新文章

  1. 中国增速第一!《全球数字经济白皮书》发布
  2. 武汉网络推广浅析当网站停止收录时该检查哪些问题?
  3. C++ 11 新特性 nullptr 学习
  4. JavaScript单线程 setTimeout定时器
  5. Ibatis的类型处理器TypeHandler解析
  6. OpenResty-Nginx安装目录介绍
  7. 怎么从gitlab上下载别人的代码
  8. python求定积分的函数_手搓计算化学(GTO积分by python)
  9. OMS开发随笔之开发和部署要点
  10. SpringBoot四大核心之actuator——程序监控器
  11. 2018年7-8月学习有效反馈
  12. jsoniter与原生json对比
  13. ffmpeg命令:pcm和wav转换
  14. 考研倒计时软件 终结版
  15. hosts文件位置在哪里?(3种打开hosts文件的方法)
  16. cesium实现图片与文字合成新图标
  17. 怎么查自己电脑服务器信息吗,如何查看自己电脑的服务器
  18. mysql的字符串等于函数吗_MySQL函数的字符串函数
  19. RT-Thread 软件包制作及发布流程
  20. matlab 多项式拟合EXCEL中复杂数据

热门文章

  1. 基于stm32f103zet6的DS1302学习
  2. return 语句不可返回指向“栈内存”的“指针”
  3. java: BigDecimal 调用add后,求和结果没有变化
  4. python三十:time模块
  5. 纯 CSS 实现三角形尖角箭头的实例
  6. 什么样的GPS定位系统最适合做二次开发
  7. 《12个球问题》分析
  8. 田志刚:为什么要尊重老师?
  9. 智能家居(草纲)v0.1
  10. php 获取企业号用户,微信企业号 获取用户信息(示例代码)