zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    微信支付-我遇到的那些问题
    [工作笔记]JDK版本不同导致的SSL异常
    mysql与oracle在groupby语句上的细节差异
    微信js-sdk调用
    循序渐进看Java web日志跟踪(3)-Log4J的使用和配置
    循序渐进看Java web日志跟踪(2)-Java日志API认识
    循序渐进看Java web日志跟踪(1)-Tomcat 日志追踪与配置
    手机号码正则表达式(含虚拟运营商)
    网站URL重写(Java UrlRewrite 的使用)
    TCP/IP提供网络传输速率
  • 原文地址:https://www.cnblogs.com/xueandsi/p/5873865.html
Copyright © 2011-2022 走看看