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

初学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常见错误及解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 分析javascript中9 个常见错误阻碍你进步

    分析javascript中9 个常见错误阻碍你进步 很多人尝试学习 JavaScript ,但是不久就放弃了.然后他们就告诉自己,"JavaScript 太复杂了",更有甚者说,"我不是前端开发的料". 这种情况挺让人悲伤的.其实根本不必放弃,所要做的仅仅是换一种不同的学习方法. 在这篇文章中,我们将介绍一些最常见的错误学习方法,并了解如何避免这些错误.许多技巧不仅适用于 JavaScript,甚至可以用到 web 开发上,所以也算是一种福利. 我们来吧! 错误 #

  • javascript中"/"运算符常见错误

    //二分查找健忘递归版本 复制代码 代码如下: function binary_search(arr,target,low,high){ if(low<high){ //至少包括两个元素 var min=(low+high)/2; if(target>arr[min]) return binary_search(arr,target,min+1,high); else return binary_search(arr,target,low,min); }else if(low==high){

  • javascript变量作用域使用中常见错误总结

    今天在rainweb的博客上,看到了这篇非常好的文章,觉得非常有必要分享出来,相信大家认真读完这篇文章,对js作用域的理解又会上升到一个新的台阶. 前言:javascript里变量作用域是个经常让人头痛抓狂的问题,下面通过10++个题目,对经常遇到又容易出错的情况进行了简单总结,代码样例很短很简单 题目一 复制代码 代码如下: var name = 'casper'; alert(name); //毫无疑问地输出:casper 题目二 复制代码 代码如下: alert(name); //报错:对

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

    初学Javascript,每天总是被很小的问题折磨半天,今晚就有好几个小问题. 第一:全部使用双引号造成匹配错误 <input type="checkbox" onmouseover="document.getElementById("test").style.display="none":"/> 改行一直报错误:unexpected toke "}"  检查半天也没有发现错误,对照发现视频上是

  • Oracle数据库TNS常见错误的解决方法汇总

    TNS是Oracle Net的一部分,是专门用来管理和配置Oracle数据库和客户端连接的一个工具,在大多数情况下客户端和数据库要通讯,就必须配置TNS.本文主要讲述了Oracle数据库TNS常见错误的解决方法如下: 1.ORA-12541:TNS:没有监听器 原因:没有启动监听器或者监听器损坏.若是前者,使用命令net start OracleOraHome10gTNSListener(名字可能有出入)即可;如果是后者,则使用"Net Configuration Assistant"

  • Nginx启动常见错误及解决方法

    重新启动服务器,访问web服务发现无法浏览啦!登陆服务器之后进到nginx使用./nginx -s reload重新读取配置文件,发现报nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" failed (2: No such file or directory)错误,进到logs文件发现的确没有nginx.pid文件 [root@localhost sbin]# ./nginx -s reload nginx: [error]

  • python中常见错误及解决方法

    python常见的错误有 1.NameError变量名错误 2.IndentationError代码缩进错误 3.AttributeError对象属性错误 详细讲解 1.NameError变量名错误 报错: >>> print a<br>Traceback (most recent call last):<br>File "<stdin>", line 1, in <module><br>NameError:

  • asp.net操作过程中常见错误的解决方法

    错误一:IIS无法识别ASP.NET,并报出以下错误: 名称以无效字符开头.处理资源 'http://localhost/likong/' 时出错.第 1 行,位置: 2 解决方法: 在命令窗口中运行: C:\WINDOWS\Microsoft.NET\Framework\v1.1.4322\aspnet_regiis.exe -i [.NET 1.1] C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\aspnet_regiis.exe -i [.NE

  • 常见的JavaScript内存错误及解决方法

    常见的JavaScript内存错误及解决方法

    目录 1.计时器的监听 2.事件监听 3.Observers 4. Window Object 5. 持有DOM引用 5个常见的JavaScript内存错误 前言: JavaScript 不提供任何内存管理操作.相反,内存由 JavaScript VM 通过内存回收过程管理,该过程称为垃圾收集. 既然我们不能强制的垃圾回收,那我们怎么知道它能正常工作?我们对它又了解多少呢? 脚本执行在此过程中暂停 它为不可访问的资源释放内存 它是不确定的 它不会一次检查整个内存,而是在多个周期中运行 它是不可预

  • Android开发中的9个常见错误和解决方法

    经过各种各样的整理,以及和热心网友讨论,终于整理出了九种android开发中最常见的问题和解决方案再次跟大家分享下!!有用的话请顶顶帖子,共同进步.好了不多说了,下面是详解! 1. 如果你的项目的R文件不见的话,可以试下改版本号在保存,R文件不见一般都是布局文本出错导致. 2. 布局文件不可以有大写字母 3. 抛出如下错误WARNING: Application does not specify an API level requirement!, 是由于没有指定users sdk的缘故,修改A

  • 安装sql server 2008时的4个常见错误和解决方法

    安装sql server 2008时的4个常见错误和解决方法

    可能由于操作系统不同,或者在安装SQL 2008的时候已经安装SQL其他版本,因此可能会遇到问题,那么这时我们的实际经验和动手测试的能力也是非常重要的,这样才能少走弯路. 问题1:安装sql server 2008 R2,安装过程中提示错误:此计算机上安装了 Microsoft Visual Studio 2008 的早期版本.请在安装 SQL Server 2008 前将 Microsoft Visual Studio 2008 升级到 SP1. 之前我的电脑上确实装了vs2008,于是我准

  • Apache2.4.2编译安装2个常见错误和解决方法

    尝试了一把从2005年以来第一次重大更新的新版本apache,不仅加入了云计算的基因更大幅提升了性能,I/O读写和内存占用优化程度比较大,主要是增加了一个enevt模式,测试效果不错. 实际我测试的 单纯的编译后静态文件和nginx的处理性能,确实已经相差不大,测试是使用ab测试的,单台nginx和阿帕奇测试后对比数据获得的结果,下次进行系统的测试在发测试数据,暂时只是测试了jpg图片 和html静态的文件 数据可能没代表性. 下面把编译的时候,常见的错误贴下: 错误一: 复制代码 代码如下:

  • ASP.NET编译执行常见错误及解决方法汇总

    1.检测到有潜在危险的 Request.Form 值 原因: (1)在提交数据的页面或webconfig中没有对validateRequest的属性进行正确的设置 (2)HTML里面写了两个<form>引起 解决: 方案一: 在.aspx文件头中加入这句: <%@ Page validateRequest="false" %> 方案二: 修改web.config文件: <configuration> <system.web> <pa

随机推荐