再谈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 相关文章推荐
jQuery背景插件backstretch使用指南
Apr 21 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
Nov 18 Javascript
JQuery Mobile实现导航栏和页脚
Mar 09 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
Dec 05 Javascript
jquery与ajax获取特殊字符实例详解
Jan 08 Javascript
Vue computed计算属性的使用方法
Jul 14 Javascript
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
Jan 27 Javascript
微信小程序实现刷脸登录
May 25 Javascript
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
解决Vue开发中对话框被遮罩层挡住的问题
Nov 26 Javascript
基于Vue.js+Nuxt开发自定义弹出层组件
Oct 09 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
2009/06/29 PHP
PHP面向对象法则
2012/02/23 PHP
关于PHP中字符串与多进制转换函数的实例代码
2016/11/03 PHP
visual studio code 调试php方法(图文详解)
2017/09/15 PHP
thinkPHP5.0框架事务处理操作简单示例
2018/09/07 PHP
用jquery来定位
2007/02/20 Javascript
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
jquery实现动态改变div宽度和高度
2015/05/08 Javascript
JavaScript中Number.NEGATIVE_INFINITY值的使用详解
2015/06/05 Javascript
Jquery操作Ajax方法小结
2015/11/29 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
2015/12/16 Javascript
微信端开发--登录小程序步骤
2017/01/11 Javascript
微信小程序 JS动态修改样式的实现代码
2017/02/10 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
[00:27]DOTA2次级职业联赛 - Lilith战队宣传片
2014/12/01 DOTA
多线程爬虫批量下载pcgame图片url 保存为xml的实现代码
2013/01/17 Python
深入浅析Python字符编码
2015/11/12 Python
解决pyqt中ui编译成窗体.py中文乱码的问题
2016/12/23 Python
基于Python函数的作用域规则和闭包(详解)
2017/11/29 Python
python实现将range()函数生成的数字存储在一个列表中
2020/04/02 Python
什么是python的函数体
2020/06/19 Python
Python延迟绑定问题原理及解决方案
2020/08/04 Python
CSS3中的5个有趣的新技术
2009/04/02 HTML / CSS
SmartBuyGlasses台湾:名牌眼镜,名牌太阳眼镜及隐形眼镜
2017/01/04 全球购物
Toppik顶丰增发纤维官网:解决头发稀疏
2017/12/30 全球购物
全球才华横溢工匠的家居装饰、珠宝和礼物:NOVICA
2021/01/22 全球购物
村官学习十八大感想
2014/01/15 职场文书
创业者是否需要商业计划书?
2014/02/07 职场文书
竞聘书格式及范文
2014/03/31 职场文书
班长演讲稿范文
2014/04/24 职场文书
中学生的1000字检讨书
2014/10/11 职场文书
教师节慰问信
2015/02/15 职场文书
个人党性锻炼总结
2015/03/05 职场文书
小学感恩节活动总结
2015/03/24 职场文书
在职证明格式样本
2015/06/15 职场文书
Python函数式编程中itertools模块详解
2021/09/15 Python