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>

  

时间: 2024-10-11 07:45:18

javascript常见错误的相关文章

Javascript&#183;常见错误及用法习惯(新手入门)

数据类型 1.字符串 如果想用双引号来包住一个本身就包含双引号的字符串,就必须用反斜杠对字符串中的双引号进行转义: var height = "about 5' 10\" tall"; 值得注意的是反斜杠并不是字符串的一部分.您可以去验证一下: alert(height); 2.数组与对象 新手可能会用到关联数组,这种用法不是一个好习惯.这时应该使用通用的对象(Object) 什么是关联数组? 1 var a = array(3); 2 a[0]="my"

JavaScript中易犯的小错误-------常见错误五:低效的DOM操作

JavaScript中易犯的小错误-------常见错误五:低效的DOM操作js中的DOM基本操作非常简单,但是如何能有效地进行这些操作一直是一个难题.这其中最典型的问题便是批量增加DOM元素.增加一个DOM元素是一步花费很大的操作.而批量增加对系统的花销更是不菲.一个比较好的批量增加的办法便是使用 document fragments :var div = document.getElementsByTagName("my_div");var fragment = document.

JavaScript中易犯的小错误-------常见错误三:内存泄露

国庆放假,今天开始继续!!!!!!!!!!! JavaScript中易犯的小错误-------常见错误三:内存泄露 内存泄露在js变成中几乎是一个无法避免的问题.如果不是特别细心的话,在最后的检查过程中,肯定会出现各种内存泄露问题.下面我们就来举例说明一下:var theThing = null;var replaceThing = function () {     var priorThing = theThing;     var unused = function () {       

JavaScript中易犯的小错误-------常见错误四:比较运算符

JavaScript中易犯的小错误-------常见错误四:比较运算符JavaScript中一个比较便捷的地方,便是它可以给每一个在比较运算的结果变量强行转化成布尔类型.但是从另一方面来考虑,有时候它也会为我们带来很多不便,下面的这些例子便是一些一直困扰很多程序员的代码实例:console.log(false == '0');console.log(null == undefined);console.log(" \t\r\n" == 0);console.log('' == 0);

JavaScript中易犯的小错误-------常见错误七:原型继承问题

JavaScript中易犯的小错误-------常见错误七:原型继承问题 很大一部分的js开发者都不能完全掌握原型的继承问题.下面具一个例子来说明:BaseObject = function(name) {if(typeof name !== "undefined"){ this.name = name; }else{ this.name = 'default' } };这段代码看起来很简单.如果你有name值,则使用它.如果没有,则使用 ‘default’:var firstObj

JavaScript中易犯的小错误-------常见错误二:传统编程语言的生命周期误区

JavaScript中易犯的小错误-------常见错误二:传统编程语言的生命周期误区另一种易犯的错误,便是带着其他编程语言的思维,认为在JS中,也存在生命周期这么一说.请看下面的代码:for (var i = 0; i < 10; i++) { /* ... */ } console.log(i);如果你认为在运行console.log() 时肯定会报出 undefined 错误,那么你就大错特错了.我会告诉你其实它会返回 10吗.当然,在许多其他语言当中,遇到这样的代码,肯定会报错.因为i明

javascript学习笔记 常见错误和调试

常见错误一:未定义的变量 abc=23; var abc=23; 若没有var也可运行,隐式地创建了一个新的全局变量abc,严格定义变量应该使用var关键字. 常见错误二:区分大小写 var myName="Jim"; If (myName=="jim") alert(myName.toUppercase()); 以上代码中有三处错误:Jim和jim的首字母J不一样,关键字if写成了If,toUpperCase()方法中的字母C应该是大写的. 常见错误三:不匹配的大

js验证网址等Javascript常见验证代码合集

发一个利用js验证网址是否正确,email格式是否正确,是否为数字及数字的范围,密码或字符长度及是否相等及要求的最小字符串长度,输入是否为空等Javascript常见验证代码合集,用的上的朋友可以拿去了自行添加整理. 关键的JavaScript代码函数: 查看代码 打印 001 /** 002 * 数据验证框架.增加了对id字段检查出错时,直接在对应后面添加一< span>元素来显示错误信息. 003 * 004 * @author www.phpernote.com 005 * @versi

***在PHP语言中使用JSON和将json还原成数组(json_decode()的常见错误)

在之前我写过php返回json数据简单实例,刚刚上网,突然发现一篇文章,也是介绍json的,还挺详细,值得参考.内容如下 从5.2版本开始,PHP原生提供json_encode()和json_decode()函数,前者用于编码,后者用于解码. 一.json_encode() 1 2 3 4 <?php $arr = array ('a'=>1,'b'=>2,'c'=>3,'d'=>4,'e'=>5); echo json_encode($arr); ?> 输出 1