再谈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.extend()、jQuery.fn.extend()扩展方法示例详解
May 08 Javascript
使用jQuery设置disabled属性与移除disabled属性
Aug 21 Javascript
javascript使用prototype完成单继承
Dec 24 Javascript
jQuery多级手风琴菜单实例讲解
Oct 22 Javascript
温习Javascript基础语法之词法结构
May 31 Javascript
AngularJS实现一次监听多个值发生的变化
Aug 31 Javascript
前端JS面试中常见的算法问题总结
Dec 23 Javascript
老生常谈js数据类型
Aug 03 Javascript
react-native使用react-navigation进行页面跳转导航的示例
Sep 07 Javascript
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
ElementUI中el-tree节点的操作的实现
Feb 27 Javascript
JavaScript this关键字的深入详解
Jan 14 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 SPL标准库之文件操作(SplFileInfo和SplFileObject)实例
2015/05/11 PHP
Laravel Eloquent ORM 实现查询表中指定的字段
2019/10/17 PHP
XP折叠菜单&amp;仿QQ2006菜单
2006/12/16 Javascript
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
基于jquery的滚动新闻列表
2010/06/19 Javascript
基于jquery循环map功能的代码
2011/02/26 Javascript
jquery图片放大功能简单实现
2013/08/01 Javascript
jquery操作HTML5 的data-*的用法实例分享
2014/08/17 Javascript
javascript实用方法总结
2015/02/06 Javascript
浅析javascript中的DOM
2015/03/01 Javascript
JQuery中serialize() 序列化
2015/03/13 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
2015/08/21 Javascript
Javascript基于AJAX回调函数传递参数实例分析
2015/12/15 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
2016/08/15 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
2017/02/19 Javascript
深入学习 JavaScript中的函数调用
2017/03/23 Javascript
JS实现遍历不规则多维数组的方法
2018/03/21 Javascript
JS实现数组去重及数组内对象去重功能示例
2019/02/02 Javascript
vue实现将一个数组内的相同数据进行合并
2019/11/07 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
2020/11/17 Vue.js
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
在Django的session中使用User对象的方法
2015/07/23 Python
使用Python读取安卓手机的屏幕分辨率方法
2018/03/31 Python
Selenium chrome配置代理Python版的方法
2018/11/29 Python
pycham查看程序执行的时间方法
2018/11/29 Python
Python使用Pickle模块进行数据保存和读取的讲解
2019/04/09 Python
HTML5制作表格样式
2016/11/15 HTML / CSS
HTML5中外部浏览器唤起微信分享功能的代码
2020/09/15 HTML / CSS
英国排名第一的最新设计师品牌手表独立零售商:TIC Watches
2016/09/24 全球购物
linux面试题参考答案(6)
2014/08/29 面试题
旅游市场营销方案
2014/03/09 职场文书
雷锋式好少年事迹材料
2014/08/17 职场文书
教书育人演讲稿
2014/09/11 职场文书
2016春节慰问信范文
2015/03/25 职场文书
关于CSS自定义属性与前端页面的主题切换问题
2022/03/21 HTML / CSS
【海涛DOTA】D-cup邀请赛NV.cn vs DT.Love
2022/04/01 DOTA