javascript常见错误

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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常见错误的主要内容,如果未能解决你的问题,请参考以下文章

Hibernate注解常见错误

常见的代码片段

执行AJAX返回HTML片段中的JavaScript脚本

Alfred常见使用

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象