再谈javascript常见错误及解决方法


Posted in Javascript onSeptember 16, 2016

初学Javascript,每天总是被很小的问题折磨半天,今晚就有好几个小问题。

第一:全部使用双引号造成匹配错误

<input type="checkbox" onmouseover="document.getElementById("test").style.display="none":"/>

改行一直报错误:unexpected toke “}”  检查半天也没有发现错误,对照发现视频上是使用单引号

<input type="checkbox" onmouseover="document.getElementById('test').style.display="none":"/>

改成单引号后错误总算消除,困扰我一夜晚。。附上链接http://www.cnblogs.com/chinabc/archive/2010/11/19/1881947.html

第二:错误添加分号

<div id="test" class="test1" onmouseover="toYellow()" ;onmouseout="toRed()";>change</div>

多写了一个分号,导致分号后的代码不执行

第三:函数名后多写括号

<script> 
  function toYellow(){ 
    document.getElementById("test").className="test2"; 
    } 
  function toRed(){ 
     document.getElementById("test").className="test1"; 
    } 
  document.getElementById("test").onmouseover=toYellow(); 
  document.getElementById("test").onmouseout=toRed(); 
</script>

却掉 toYellow()和 toRed()后的括号后正常执行

第四:checkbox的checked属性修改

用三个按钮实现checkbox的全选、全部选、反选。

<!DOCTYPE html> 
<html> 
  <head> 
    <meta charset="UTF-8"> 
    <title></title> 
  </head> 
  <body> 
    <button id="btn">全选</button> 
    <button id="nobtn">全不选</button> 
    <button id="inverse">反选</button><br /> 
    <input type="checkbox" /> 
    <input type="checkbox" /> 
    <input type="checkbox" /> 
    <input type="checkbox" /> 
    <input type="checkbox" /> 
    <input type="checkbox" /> 
    <input type="checkbox" /> 
    <script> 
      var btn=document.getElementById("btn"); 
      var input=document.getElementsByTagName("input"); 
      btn.onclick=function(){ 
        for(var i=0;i<input.length;i++){ 
          input[i].checked="checked"; 
        } 
      } 
      var nobtn=document.getElementById("nobtn"); 
      nobtn.onclick=function(){ 
        for(var i=0;i<input.length;i++){ 
          input[i].checked=false; 
        } 
      } 
      var inverse=document.getElementById("inverse"); 
      inverse.onclick=function(){ 
        for(var i=0;i<input.length;i++){ 
          if(input[i].checked==false){ 
            input[i].checked=true; 
          }else{ 
            input[i].checked=false; 
          } 
        } 
      } 
    </script> 
  </body> 
</html>

以上这篇再谈javascript常见错误及解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS弹出对话框返回值代码(asp.net后台)
Dec 28 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
webpack中引用jquery的简单实现
Jun 08 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
Jan 04 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
May 03 Javascript
基于vue的短信验证码倒计时demo
Sep 13 Javascript
实例分析js事件循环机制
Dec 13 Javascript
JavaScript运行原理分析
Feb 09 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
May 23 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
Jul 10 Javascript
配置eslint规范项目代码风格
Mar 11 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
Sep 04 Javascript
使用JQuery中的trim()方法去掉前后空格
Sep 16 #Javascript
浅谈jQuery效果函数
Sep 16 #Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
Sep 16 #Javascript
jQuery实现的右下角广告窗体跟随效果示例
Sep 16 #Javascript
jQuery实现磁力图片跟随效果完整示例
Sep 16 #Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
Sep 16 #Javascript
jQuery中fadein与fadeout方法用法示例
Sep 16 #Javascript
You might like
php中fsockopen用法实例
2015/01/05 PHP
php实现数组按指定KEY排序的方法
2015/03/30 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
javascript hashtable实现代码
2009/10/13 Javascript
jquery获得页面元素的坐标值实现思路及代码
2013/04/15 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
2014/08/30 Javascript
JS实现生成会变大变小的圆环实例
2015/08/05 Javascript
高性能JavaScript DOM编程(1)
2015/08/11 Javascript
理解javascript封装
2016/02/23 Javascript
jQuery页面加载初始化的3种方法(推荐)
2016/06/02 Javascript
js实现自定义路由
2017/02/04 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
2017/03/21 jQuery
javascript 数据存储的常用函数总结
2017/06/01 Javascript
jquery+css实现下拉列表功能
2017/09/03 jQuery
vue2.0 better-scroll 实现移动端滑动的示例代码
2018/01/25 Javascript
微信小程序如何获取openid及用户信息
2018/01/26 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
2018/10/18 Javascript
React Ant Design树形表格的复杂增删改操作
2020/11/02 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
python用于url解码和中文解析的小脚本(python url decoder)
2013/08/11 Python
Python实现二分查找算法实例
2015/05/26 Python
Python获取Redis所有Key以及内容的方法
2019/02/19 Python
python爬虫之自制英汉字典
2019/06/24 Python
python二维图制作的实例代码
2020/12/03 Python
全球最大的中文旅行网站:去哪儿网
2017/11/16 全球购物
法学个人求职信范文
2014/01/27 职场文书
百年校庆节目主持词
2014/03/27 职场文书
程序员求职信
2014/04/16 职场文书
给校长的建议书500字
2014/05/15 职场文书
十佳文明家庭事迹
2014/05/25 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
学术会议通知范文
2015/04/15 职场文书
2016大学生诚信考试承诺书
2016/03/25 职场文书
MySQL查询学习之基础查询操作
2021/05/08 MySQL
源码安装apache脚本部署过程详解
2022/09/23 Servers