星空网 > 软件开发 > 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" 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

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

【疑难解答】网络相关故障排除指南:https://www.ikjzd.com/articles/138467
超详细的中信保报损流程,还不快点收藏起来?:https://www.ikjzd.com/articles/138468
汽车玻璃怎样取得美国认证:https://www.ikjzd.com/articles/138469
弄懂德国新包装法,帮你立省5万欧!:https://www.ikjzd.com/articles/13847
今年马士基油轮船队规模增加20%,已经超过220艘:https://www.ikjzd.com/articles/138470
【双12物流公告】假期期间发货天数调整(12/22更新):https://www.ikjzd.com/articles/138471
深圳玉龙公园簕杜鹃花海花期时间+门票+交通:https://www.vstour.cn/a/365174.html
出境旅游预订须知:https://www.vstour.cn/a/365175.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流