function func1(){ 	  	var a = 123; 	b=456 	} 	  	func1(); 	  	// alert(a); 	// alert(b); 	// 不推荐

a=1;b=2; 	a=1 b=2;------错误 	  	a=1 	b=2 	  	//推荐 	a=1; 	b=2; 	  	{ 	a=1; 	b=2; 	//推荐加tab 	a=1; 	b=2; 	}

2 == “2” 	2 === “2” 	4 != “4” 	4 !== “4” 	  	var a = 2; var b = 4; 	var c = a<b | --b>--a; 	var c = a<b || --b>--a; 	var c = a<b &&--b>--a; 	var c = a<b & --b>--a; 

if (x==1){ 	y="星期一"; 	}else if (x==2){ 	y="星期二"; 	... 	}else if (x==6){ 	y="星期六"; 	}else if (x==0){ 	y="星期日"; 	}else{ 	y="未定义";

首先要看一个问题，if 语句适用范围比较广，只要是 boolean 表达式都可以用 if 判断；而 switch 只能对基本类型进行数值比较。两者的可比性就仅限在两个基本类型比较的范围内。 	说到基本类型的数值比较，那当然要有两个数。然后重点来了—— 	if 语句每一句都是独立的，看下面的语句： 	if (a == 1) ... 	else if (a == 2) ... 	这样 a 要被读入寄存器两次，1 和 2 分别被读入寄存器一次。于是你是否发现其实 a 读两次是有点多余的，在你全部比较完之前只需要一次读入寄存器就行了，其余都是额外开销。但是 if 语句必须每次都把里面的两个数从内存拿出来读到寄存器，它不知道你其实比较的是同一个 a。 	于是 switch case 就出来了，把上面的改成 switch case 版本： 	switch (a) { 	case 0: 	break; 	case 1: 	} 	  	总结: 	  	1.switch用来根据一个整型值进行多路分支，并且编译器可以对多路分支进行优化 	2.switch-case只将表达式计算一次,然后将表达式的值与每个case的值比较,进而选 	择执行哪一个case的语句块 	3.if..else 的判断条件范围较广，每条语句基本上独立的，每次判断时都要条件加载 	一次。 	所以在多路分支时用switch比if..else if .. else结构要效率高。

 doms=document.getElementsByTagName("p"); 	  	for (var i in doms){ 	console.log(i); // 0 1 2 length item namedItem 	//console.log(doms[i]) 	} 	  	//循环的是你获取的th一个DOM元素集，for in用来循环对象的所有属性，dom元素集包含了你上面输出的属性。 	//如果你只要循环dom对象的话，可以用for循环: 	  	for (var i=0;i<doms.length;i++){ 	console.log(i) ; // 0 1 2 	//console.log(doms[i]) 	}

<script language="JavaScript"> 	/* sayhello是定义的函数名，前面必须加上function和空格*/ 	function sayHello(){ 	var hellostr; 	var myname=prompt("请问您贵姓？","苑"); 	hellostr="您好，"+myname+‘先生，欢迎进入"探索之旅"！‘; 	alert(hellostr); 	document.write(hellostr); 	} 	//这里是对前面定义的函数进行调用 	sayHello(); 	</script>

书写格式: 	  	String对象提供了一组针对HTML格式的方法，如x.anchor()返回锚定义字符串<a>x</a>， 	x.bold()返回粗体表示字符串<b>x</b>，x.sup()返回上标格式字符串<sup>x</sup>。 	----------------------------------------- 	  	var x="yuan"; 	var y="x.italics():"+x.italics(); 	document.write(y.fontsize(10));//<font size="10">x.italics():<i>yuan</i></font>

var str1="AbcdEfgh"; 	  	var str2=str1.toLowerCase(); 	var str3=str1.toUpperCase(); 	alert(str2); 	//结果为"abcdefgh" 	alert(str3); 	//结果为"ABCDEFGH"

书写格式 	  	x.charAt(index) 	  	x.charCodeAt(index) 	  	使用注解 	  	x代表字符串对象 	index代表字符位置 	index从0开始编号 	charAt返回index位置的字符 	charCodeAt返回index位置的Unicode编码 	---------------------- 	var str1="welcome to the world of JS! 苑昊"; 	  	var str2=str1.charAt(28); 	var str3=str1.charCodeAt(28); 	alert(str2); 	//结果为"苑" 	alert(str3); 	//结果为33489

//书写格式 	// 	//x.indexOf(findstr,index) 	//x.lastIndexOf(findstr) 	//------------------------------------- 	var str1="welcome to the world of JS!"; 	  	var str2=str1.indexOf("l"); 	var str3=str1.lastIndexOf("l"); 	alert(str2); 	//结果为2 	alert(str3); 	//结果为18 	  	//-------*********************************************************------- 	  	//书写格式 	// 	//x.match(regexp) 	// 	//x.search(regexp) 	// 	//使用注解 	// 	//x代表字符串对象 	// 	//regexp代表正则表达式或字符串 	// 	//match返回匹配字符串的数组，如果没有匹配则返回null 	// 	//search返回匹配字符串的首字符位置索引 	//------------------------------------- 	var str1="welcome to the world of JS!"; 	  	var str2=str1.match("world"); 	var str3=str1.search("world"); 	alert(str2[0]); 	//结果为"world" 	alert(str3); 	//结果为15

//截取子字符串 	// 	//书写格式 	// 	//x.substr(start, length) 	// 	//x.substring(start, end) 	// 	//使用注解 	// 	//x代表字符串对象 	// 	//start表示开始位置 	// 	//length表示截取长度 	// 	//end是结束位置加1 	// 	//第一个字符位置为0 	  	  	var str1="abcdefgh"; 	var str2=str1.substr(2,4); 	var str3=str1.substring(2,4); 	alert(str2); 	//结果为"cdef" 	alert(str3); 	//结果为"cd" 	  	//-------*********************************************************------- 	//x.slice(start, end) 	  	  	var str1="abcdefgh"; 	var str2=str1.slice(2,4); 	var str3=str1.slice(4); 	var str4=str1.slice(2,-1); 	var str5=str1.slice(-3,-1); 	alert(str2); 	//结果为"cd" 	alert(str3); 	//结果为"efgh" 	alert(str4); 	//结果为"cdefg" 	alert(str5); 	//结果为"fg"

//x.replace(findstr,tostr) 	  	var str1="abcdefgh"; 	var str2=str1.replace("cd","aaa"); 	alert(str2); 	//结果为"abaaaefgh"

var str1="一,二,三,四,五,六,日"; 	  	var strArray=str1.split(","); 	  	alert(strArray[1]); 	//结果为"二"

//y=x.concat(addstr) 	// 	//使用注解 	// 	//x代表字符串对象 	//addstr为添加字符串 	//返回x+addstr字符串 	  	var str1="abcd"; 	var str2=str1.concat("efgh"); 	  	alert(str2); 	//结果为"abcdefgh" 

Array 对象用于在单个的变量中存储多个值。 	语法: 	  	创建方式1: 	var a=[1,2,3]; 	  	创建方式2: 	new Array(); // 创建数组时允许指定元素个数也可以不指定元素个数。 	new Array(size);//if 1个参数且为数字,即代表size,not content 	 初始化数组对象: 	var cnweek=new Array(7); 	cnweek[0]="星期日"; 	cnweek[1]="星期一"; 	... 	cnweek[6]="星期六"; 	  	new Array(element0, element1, ..., elementn)//也可以直接在建立对象时初始化数组元素，元素类型允许不同 	  	var test=new Array(100,"a",true);

var cnweek=new Array(7); 	for (var i=0;i<=6;i++){ 	cnweek[i]=new Array(2); 	} 	cnweek[0][0]="星期日"; 	cnweek[0][1]="Sunday"; 	cnweek[1][0]="星期一"; 	cnweek[1][1]="Monday"; 	... 	cnweek[6][0]="星期六"; 	cnweek[6][1]="Saturday";

var cnweek=new Array(7); 	cnweek[0]="星期日"; 	cnweek[1]="星期一"; 	cnweek[2]="星期二"; 	cnweek[3]="星期三"; 	cnweek[4]="星期四"; 	cnweek[5]="星期五"; 	cnweek[6]="星期六"; 	for (var i=0;i<cnweek.length;i++){ 	document.write(cnweek[i]+" | "); 	}

//书写格式 	//x.join(bystr) 	//使用注解 	// 	//x代表数组对象 	//bystr作为连接数组中元素的字符串 	//返回连接后的字符串 	//与字符串的split功能刚好相反 	  	var arr1=[1, 2, 3, 4, 5, 6, 7]; 	  	var str1=arr1.join("-"); 	  	alert(str1); 	//结果为"1-2-3-4-5-6-7" 

//连接数组-concat方法 	// 	//x.concat(value,...) 	  	  	var a = [1,2,3]; 	var a = new Array(1,2,3); 	var b=a.concat(4,5) ; 	  	  	alert(a.toString()); 	//返回结果为1,2,3 	alert(b.toString()); 	//返回结果为1,2,3,4,5

//x.reverse() 	//x.sort() 	  	var arr1=[32, 12, 111, 444]; 	//var arr1=["a","d","f","c"]; 	 	arr1.reverse(); //颠倒数组元素 	alert(arr1.toString()); 	//结果为444,111,12,32 	 	arr1.sort(); //排序数组元素 	alert(arr1.toString()); 	//结果为111,12,32,444 	  	//------------------------------ 	arr=[1,5,2,100]; 	  	//arr.sort(); 	//alert(arr); 	//如果就想按着数字比较呢? 	  	function intSort(a,b){ 	if (a>b){ 	return 1;//-1 	 } 	else if(a<b){ 	return -1;//1 	 } 	else { 	return 0 	} 	} 	  	arr.sort(intSort); 	  	alert(arr); 	  	function IntSort(a,b){ 	return a-b; 	}

//x.slice(start, end) 	// 	//使用注解 	// 	//x代表数组对象 	//start表示开始位置索引 	//end是结束位置下一数组元素索引编号 	//第一个数组元素索引为0 	//start、end可为负数，-1代表最后一个数组元素 	//end省略则相当于从start位置截取以后所有数组元素 	  	var arr1=[‘a‘,‘b‘,‘c‘,‘d‘,‘e‘,‘f‘,‘g‘,‘h‘]; 	var arr2=arr1.slice(2,4); 	var arr3=arr1.slice(4); 	var arr4=arr1.slice(2,-1); 	  	alert(arr2.toString()); 	//结果为"c,d"  	alert(arr3.toString()); 	//结果为"e,f,g,h" 	alert(arr4.toString()); 	//结果为"c,d,e,f,g"

//x. splice(start, deleteCount, value, ...) 	// 	//使用注解 	// 	//x代表数组对象 	//splice的主要用途是对数组指定位置进行删除和插入 	//start表示开始位置索引 	//deleteCount删除数组元素的个数 	//value表示在删除位置插入的数组元素 	//value参数可以省略 	  	  	var a = [1,2,3,4,5,6,7,8]; 	a.splice(1,2); 	//a变为 [1,4,5,6,7,8] 	alert(a.toString()); 	a.splice(1,1); 	//a变为[1,5,6,7,8] 	alert(a.toString()); 	a.splice(1,0,2,3); 	//a变为[1,2,3,5,6,7,8] 	alert(a.toString());

//push pop这两个方法模拟的是一个栈操作 	  	//x.push(value, ...) 压栈 	//x.pop() 弹栈  	//使用注解 	// 	//x代表数组对象 	//value可以为字符串、数字、数组等任何值 	//push是将value值添加到数组x的结尾 	//pop是将数组x的最后一个元素删除 	  	  	var arr1=[1,2,3]; 	arr1.push(4,5); 	alert(arr1); 	//结果为"1,2,3,4,5" 	arr1.push([6,7]); 	alert(arr1) 	//结果为"1,2,3,4,5,6,7" 	arr1.pop(); 	alert(arr1); 	//结果为"1,2,3,4,5"

// unshift shift  	//x.unshift(value,...) 	//x.shift() 	//使用注解 	// 	//x代表数组对象 	//value可以为字符串、数字、数组等任何值 	//unshift是将value值插入到数组x的开始 	//shift是将数组x的第一个元素删除 	  	var arr1=[1,2,3]; 	arr1.unshift(4,5); 	alert(arr1); 	//结果为"4,5,1,2,3" 	arr1. unshift([6,7]); 	alert(arr1); 	//结果为"6,7,4,5,1,2,3" 	arr1.shift(); 	alert(arr1); 	//结果为"4,5,1,2,3"

// js中数组的特性 	//java中数组的特性, 规定是什么类型的数组,就只能装什么类型.只有一种类型. 	//js中的数组特性1: js中的数组可以装任意类型,没有任何限制. 	//js中的数组特性2: js中的数组,长度是随着下标变化的.用到多长就有多长. 	var arr5 = [‘abc‘,123,1.14,true,null,undefined,new String(‘1213‘),new Function(‘a‘,‘b‘,‘alert(a+b)‘)]; 	/* alert(arr5.length);//8 	arr5[10] = "hahaha"; 	alert(arr5.length); //11 	alert(arr5[9]);// undefined */

//方法1：不指定参数 	var nowd1=new Date(); 	alert(nowd1.toLocaleString( )); 	//方法2：参数为日期字符串 	var nowd2=new Date("2004/3/20 11:12"); 	alert(nowd2.toLocaleString( )); 	var nowd3=new Date("04/03/20 11:12"); 	alert(nowd3.toLocaleString( )); 	//方法3：参数为毫秒数 	var nowd3=new Date(5000); 	alert(nowd3.toLocaleString( )); 	alert(nowd3.toUTCString()); 	  	//方法4：参数为年月日小时分钟秒毫秒 	var nowd4=new Date(2004,2,20,11,12,0,300); 	alert(nowd4.toLocaleString( )); 	//毫秒并不直接显示

获取日期和时间 	getDate() 获取日 	getDay () 获取星期 	getMonth () 获取月（0-11） 	getFullYear () 获取完整年份 	getYear () 获取年 	getHours () 获取小时 	getMinutes () 获取分钟 	getSeconds () 获取秒 	getMilliseconds () 获取毫秒 	getTime () 返回累计毫秒数(从1970/1/1午夜)

function getCurrentDate(){ 	//1. 创建Date对象 	var date = new Date(); //没有填入任何参数那么就是当前时间 	//2. 获得当前年份 	var year = date.getFullYear(); 	//3. 获得当前月份 js中月份是从0到11. 	var month = date.getMonth()+1; 	//4. 获得当前日 	var day = date.getDate(); 	//5. 获得当前小时 	var hour = date.getHours(); 	//6. 获得当前分钟 	var min = date.getMinutes(); 	//7. 获得当前秒 	var sec = date.getSeconds(); 	//8. 获得当前星期 	var week = date.getDay(); //没有getWeek 	// 2014年06月18日 15:40:30 星期三 	return year+"年"+changeNum(month)+"月"+day+"日 "+hour+":"+min+":"+sec+" "+parseWeek(week); 	} 	  	alert(getCurrentDate()); 	  	//解决 自动补齐成两位数字的方法 	function changeNum(num){ 	if(num < 10){ 	return "0"+num; 	}else{ 	return num; 	} 	  	} 	//将数字 0~6 转换成 星期日到星期六 	function parseWeek(week){ 	var arr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; 	// 0 1 2 3 ............. 	return arr[week]; 	}

//设置日期和时间 	//setDate(day_of_month) 设置日 	//setMonth (month) 设置月 	//setFullYear (year) 设置年 	//setHours (hour) 设置小时 	//setMinutes (minute) 设置分钟 	//setSeconds (second) 设置秒 	//setMillliseconds (ms) 设置毫秒(0-999) 	//setTime (allms) 设置累计毫秒(从1970/1/1午夜) 	  	var x=new Date(); 	x.setFullYear (1997); //设置年1997 	x.setMonth(7); //设置月7 	x.setDate(1); //设置日1 	x.setHours(5); //设置小时5 	x.setMinutes(12); //设置分钟12 	x.setSeconds(54); //设置秒54 	x.setMilliseconds(230); //设置毫秒230 	document.write(x.toLocaleString( )+"<br>"); 	//返回1997年8月1日5点12分54秒 	 	x.setTime(870409430000); //设置累计毫秒数 	document.write(x.toLocaleString( )+"<br>"); 	//返回1997年8月1日12点23分50秒 

日期和时间的转换: 	  	getTimezoneOffset():8个时区×15度×4分/度=480; 	返回本地时间与GMT的时间差，以分钟为单位 	toUTCString() 	返回国际标准时间字符串 	toLocalString() 	返回本地格式时间字符串 	Date.parse(x) 	返回累计毫秒数(从1970/1/1午夜到本地时间) 	Date.UTC(x) 	返回累计毫秒数(从1970/1/1午夜到国际时间)

//RegExp对象 	// 在表单验证时使用该对象验证用户填入的字符串是否符合规则. 	//创建正则对象方式1 参数1 正则表达式 参数2 验证模式 g global / i 忽略大小写. //参数2一般填写g就可以，也有“gi”. 	// 用户名 首字母必须是英文, 除了第一位其他只能是英文数字和_ . 长度最短不能少于6位 最长不能超过12位 	//----------------------------创建方式1 	/* var reg1 = new RegExp("^[a-zA-Z][a-zA-Z0-9_]{5,11}$","g"); 	// 	//验证字符串 	var str = "bc123"; 	alert(reg1.test(str));// true 	  	//----------------------------创建方式2 /填写正则表达式/匹配模式; 	var reg2 = /^[a-zA-Z][a-zA-Z0-9_]{5,11}$/g; 	  	alert(reg2.test(str));// true 	*/ 	//-------------------------------正则对象的方法------------------- 	//test方法 ==> 测试一个字符串是否复合 正则规则. 返回值是true 和false. 	  	//-------------------------String 中与正则结合的4个方法------------------. 	// macth search split replace 	var str = "hello world"; 	  	//alert(str.match(/o/g)); //查找字符串中 复合正则的 内容. 	//alert(str.search(/h/g));// 0 查找字符串中符合正则表达式的内容位置 	//alert(str.split(/o/g)); // 按照正则表达式对字符串进行切割. 返回数组; 	alert(str.replace(/o/g, "s")); // hells wsrld 对字符串按照正则进行替换.

 //Math对象 	//该对象中的属性方法 和数学有关. 	//Math是内置对象 , 与Global的不同之处是, 在调用时 需要打出 "Math."前缀. 	//属性学习: 	//alert(Math.PI); 	//方法学习: 	//alert(Math.random()); // 获得随机数 0~1 不包括1. 	//alert(Math.round(1.5)); // 四舍五入 	//练习：获取1-100的随机整数，包括1和100 	//var num=Math.random(); 	//num=num*10; 	//num=Math.round(num); 	// alert(num) 	//============max min========================= 	/* alert(Math.max(1,2));// 2 	alert(Math.min(1,2));// 1 */ 	//-------------pow-------------------------------- 	alert(Math.pow(2,4));// pow 计算参数1 的参数2 次方. 	 	  	  	  	abs(x) 返回数的绝对值。 	exp(x) 返回 e 的指数。 	floor(x)对数进行下舍入。 	log(x) 返回数的自然对数（底为e）。 	max(x,y) 返回 x 和 y 中的最高值。 	min(x,y) 返回 x 和 y 中的最低值。 	pow(x,y) 返回 x 的 y 次幂。 	random() 返回 0 ~ 1 之间的随机数。 	round(x) 把数四舍五入为最接近的整数。 	sin(x) 返回数的正弦。 	sqrt(x) 返回数的平方根。 	tan(x) 返回角的正切。

<script> 	//f(); --->OK 	 	function f(){ 	console.log("hello") 	  	} 	  	f() //----->OK 	</script>

function func1(a,b){ 	  	alert(a+b); 	} 	  	func1(1,2); //3 	func1(1,2,3);//3 	func1(1); //NaN 	func1(); //NaN 	  	//只要函数名写对即可,参数怎么填都不报错. 	  	-------------------面试题----------- 	function a(a,b){ 	alert(a+b); 	} 	  	var a=1; 	var b=2; 	a(a,b)

function add(a,b){ 	  	console.log(a+b);//3 	console.log(arguments.length);//2 	console.log(arguments);//[1,2] 	 	} 	add(1,2) 	  	------------------arguments的用处1 ------------------ 	function nxAdd(){ 	var result=0; 	for (var num in arguments){ 	result+=arguments[num] 	} 	alert(result) 	  	} 	  	nxAdd(1,2,3,4,5) 	  	// ------------------arguments的用处2 ------------------ 	  	function f(a,b,c){ 	if (arguments.length!=3){ 	throw new Error("function f called with "+arguments.length+" arguments,but it just need 3 arguments") 	} 	else { 	alert("success!") 	} 	} 	  	f(1,2,3,4,5)

// 匿名函数 	var func = function(arg){ 	return "tony"; 	} 	  	// 匿名函数的应用 	(function(){ 	alert("tony"); 	} )() 	  	(function(arg){ 	console.log(arg); 	})(‘123‘)

var city = ‘beijing‘; 	  	function func(){ 	var city = "shanghai"; 	  	function inner(){ 	// var city = "langfang"; 	 console.log(city); 	} 	  	return inner; 	} 	  	var ret = func(); 	ret(); 	  	  	var city = ‘beijing‘; 	  	function Bar(){ 	console.log(city); 	} 	  	function func(){ 	  	var city = ‘shanghai‘; 	return Bar; 	} 	  	var ret = func(); 	ret(); //beijing

什么是AO,VO? 	在函数创建时，每个函数都会创建一个活动对象Active Object(AO)，全局对象为Global Object(VO)，创建函数的过程也就是为这个对象添加属性的过程，作用域链就是由这些绑定了属性的活动对象构成的。 	例如：找x变量；bar函数在搜寻变量x的过程中，先从自身AO对象上找，如果bar.AO存在这个属性，那么会直接使用这个属性的值，如果不存在，则会转到父级函数的AO对象，也就是foo.AO 	如果找到x属性则使用，找不到继续 在global.VO对象查找，找到x的属性，返回属性值。如果在global.VO中没有找到，则会抛出异常ReferenceError 	  	执行上下文。 	函数在执行时会创建一个称为“执行上下文（execution context）”的内部对象，执行上下文定义了函数 	执行时的环境。每个执行上下文都有自己的作用域链，用于标识符解析，当执行上下文被创建时，而它的作用 	域链初始化为当前运行函数的[[Scope]]所包含的对象。 	函数执行 	在函数执行过程中，每遇到一个变量，都会检索从哪里获取和存储数据，该过程从作用域链头部，也就是从活 	动对象开始搜索，查找同名的标识符，如果找到了就使用这个标识符对应的变量，如果没有则继续搜索作用域 	链中的下一个对象，如果搜索完所有对象都未找到，则认为该标识符未定义，函数执行过程中，每个标识符都 	要经历这样的搜索过程。

 for (var i=1; i<=9; i++) { 	setTimeout( function timer(){ 	console.log( i ); 	},1000 ); 	} 	  	//＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 	  	for (var i=1; i<=9; i++) { 	(function(){ 	var j = i; 	setTimeout( function timer(){ 	console.log( j ); 	}, 1000 ); 	})();

alert() 显示带有一段消息和一个确认按钮的警告框。 	confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。 	prompt() 显示可提示用户输入的对话框。 	  	open() 打开一个新的浏览器窗口或查找一个已命名的窗口。 	close() 关闭浏览器窗口。 	setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。 	clearInterval() 取消由 setInterval() 设置的 timeout。 	setTimeout() 在指定的毫秒数后调用函数或计算表达式。 	clearTimeout() 取消由 setTimeout() 方法设置的 timeout。 	scrollTo() 把内容滚动到指定的坐标。

方法讲解: 	//----------alert confirm prompt---------------------------- 	//alert(‘aaa‘); 	  	  	/* var result = confirm("您确定要删除吗?"); 	alert(result); */ 	  	//prompt 参数1 : 提示信息. 参数2:输入框的默认值. 返回值是用户输入的内容. 	  	// var result = prompt("请输入一个数字!","haha"); 	// alert(result); 	 	  	  	方法讲解: 	//open方法 打开和一个新的窗口 并 进入指定网址.参数1 : 网址. 	//调用方式1 	//open("http://www.baidu.com"); 	//参数1 什么都不填 就是打开一个新窗口. 参数2.填入新窗口的名字(一般可以不填). 参数3: 新打开窗口的参数. 	open(‘‘,‘‘,‘width=200,resizable=no,height=100‘); // 新打开一个宽为200 高为100的窗口 	//close方法 将当前文档窗口关闭. 	//close();

var num = Math.round(Math.random()*100); 	function acceptInput(){ 	//2.让用户输入(prompt) 并接受 用户输入结果 	var userNum = prompt("请输入一个0~100之间的数字!","0"); 	//3.将用户输入的值与 随机数进行比较 	if(isNaN(+userNum)){ 	//用户输入的无效(重复2,3步骤) 	alert("请输入有效数字!"); 	acceptInput(); 	} 	else if(userNum > num){ 	//大了==> 提示用户大了,让用户重新输入(重复2,3步骤) 	alert("您输入的大了!"); 	acceptInput(); 	}else if(userNum < num){ 	//小了==> 提示用户小了,让用户重新输入(重复2,3步骤) 	alert("您输入的小了!"); 	acceptInput(); 	}else{ 	//答对了==>提示用户答对了 , 询问用户是否继续游戏(confirm). 	var result = confirm("恭喜您!答对了,是否继续游戏?"); 	if(result){ 	//是 ==> 重复123步骤. 	num = Math.round(Math.random()*100); 	acceptInput(); 	}else{ 	//否==> 关闭窗口(close方法). 	 close(); 	} 	} 	

<input id="ID1" type="text" onclick="begin()"> 	<button onclick="end()">停止</button> 	  	<script> 	  	  	function showTime(){ 	var nowd2=new Date().toLocaleString(); 	var temp=document.getElementById("ID1"); 	temp.value=nowd2; 	  	} 	  	var clock; 	  	function begin(){ 	  	if (clock==undefined){ 	  	showTime(); 	clock=setInterval(showTime,1000); 	  	} 	  	} 	  	function end(){ 	  	clearInterval(clock); 	} 	  	</script>

var ID = setTimeout(abc,2000); // 只调用一次对应函数. 	 clearTimeout(ID); 	function abc(){ 	alert(‘aaa‘); 	}

<a href="rrr.html">click</a> 	<button onclick=" history.forward()">>>></button> 	<button onclick="history.back()">back</button> 	<button onclick="history.go()">back</button>

<div id="div1"> 	<div id="div2"></div> 	<p>hello yuan</p> 	</div> 	  	<script> 	var div=document.getElementById("div2"); 	  	console.log(div.nextSibling.nodeName); //思考:为什么不是P? 	</script>

parentElement // 父节点标签元素 	 	children // 所有子标签 	 	firstElementChild // 第一个子标签元素 	 	lastElementChild // 最后一个子标签元素 	 	nextElementtSibling // 下一个兄弟标签元素 	 	previousElementSibling // 上一个兄弟标签元素

<div id="div1"> 	  	<div class="div2">i am div2</div> 	<div name="yuan">i am div2</div> 	<div id="div3">i am div2</div> 	<p>hello p</p> 	</div> 	  	<script> 	  	var div1=document.getElementById("div1"); 	  	////支持; 	// var ele= div1.getElementsByTagName("p"); 	// alert(ele.length); 	////支持 	// var ele2=div1.getElementsByClassName("div2"); 	// alert(ele2.length); 	////不支持 	// var ele3=div1.getElementById("div3"); 	// alert(ele3.length); 	////不支持 	// var ele4=div1.getElementsByName("yuan"); 	// alert(ele4.length) 	  	</script>

<div onclick="alert(123)">点我呀</div> 	<p id="abc">试一试!</p> 	  	<script> 	var ele=document.getElementById("abc"); 	  	  	ele.onclick=function(){ 	alert("hi"); 	}; 	  	</script>

<div id="abc" onclick="func1(this)">事件绑定方式1</div> 	<div id="id123">事件绑定方式2</div> 	<script> 	function func1(self){ 	console.log(self.id) 	} 	  	//jquery下是$(self), 这种方式this参数必须填写; 	  	//------------------------------------------ 	var ele=document.getElementById("id123").onclick=function(){ 	console.log(this.id); 	//jquery下是$(this), 这种方式不需要this参数; 	 } 	  	</script>

<!DOCTYPE html> 	<html lang="en"> 	<head> 	<meta charset="UTF-8"> 	<title>Title</title> 	  	<script> 	// window.onload=function(){ 	// var ele=document.getElementById("ppp"); 	// ele.onclick=function(){ 	// alert(123) 	// }; 	// }; 	  	  	  	function fun1() { 	var ele=document.getElementById("ppp"); 	ele.onclick=function(){ 	alert(123) 	}; 	} 	  	</script> 	</head> 	<body onl oad="fun1()"> 	  	<p id="ppp">hello p</p> 	  	</body> 	</html>

<form id="form"> 	<input type="text"/> 	<input type="submit" value="http://www.mamicode.com/点我!" /> 	</form> 	  	<script type="text/javascript"> 	//阻止表单提交方式1(). 	//onsubmit 命名的事件函数,可以接受返回值. 其中返回false表示拦截表单提交.其他为放行. 	  	var ele=document.getElementById("form"); 	ele.onsubmit=function(event) { 	// alert("验证失败 表单不会提交!"); 	// return false; 	  	// 阻止表单提交方式2 event.preventDefault(); ==>通知浏览器不要执行与事件关联的默认动作。 	alert("验证失败 表单不会提交!"); 	event.preventDefault(); 	  	}

<div id="abc_1" style="border:1px solid red;width:300px;height:300px;"> 	<div id="abc_2" style="border:1px solid red;width:200px;height:200px;"> 	  	</div> 	</div> 	<script type="text/javascript"> 	document.getElementById("abc_1").onclick=function(){ 	alert(‘111‘); 	} 	document.getElementById("abc_2").onclick=function(event){ 	alert(‘222‘); 	event.stopPropagation(); //阻止事件向外层div传播. 	 } 	  	</script>

<script type="text/javascript"> 	//在第一个div中动态增加一个a标签. 该a标签点击之后跳转到百度首页. 	function addNode(){ 	//1.获得 第一个div 	var div = document.getElementById("div_1"); 	//2.创建a标签 createElement==>创建一个a标签 <a></a> 	var eleA = document.createElement("a"); 	//3.为a标签添加属性 <a href="http://www.baidu.com"></a> 	eleA.setAttribute("href", "http://www.baidu.com"); 	//4.为a标签添加内容 <a href="http://www.baidu.com">百度</a> 	eleA.innerHTML = "百度"; 	//5.将a标签添加到div中 	 div.appendChild(eleA); 	} 	//点击后 删除div区域2 	function deleteNode(){ 	//1 获得要删除的div区域 	var div = document.getElementById("div_2"); 	//2.获得父亲 	var parent = div.parentNode; 	//3 由父亲操刀  	 parent.removeChild(div); 	} 	//点击后 替换div区域3 为一个美女 	function updateNode(){ 	//1 获得要替换的div区域3 	var div = document.getElementById("div_3"); 	//2创建img标签对象 <img /> 	var img = document.createElement("img"); 	//3添加属性 <img src="http://www.mamicode.com/001.jpg" /> 	img.setAttribute("src", "001.JPG"); 	//4.获得父节点 	var parent = div.parentNode; 	//5.替换 	 parent.replaceChild(img, div); 	} 	//点击后 将div区域4 克隆一份 添加到页面底部 	  	function copyNode(){ 	//1.获取要克隆的div 	var div = document.getElementById("div_4"); 	//2.克隆 参数为true 那么克隆时克隆所有子元素. false 只克隆自己 	var div_copy = div.cloneNode(true); 	//3.获得父亲 	var parent = div.parentNode; 	//4.添加 	 parent.appendChild(div_copy); 	} 	  	  	</script>

<input id="ID1" type="text" value="http://www.mamicode.com/请输入用户名" onblur="Blurs()" onfocus="Focus()"> 	  	  	<script> 	  	function Focus(){ 	  	var input=document.getElementById("ID1"); 	if (input.valuehttp://www.mamicode.com/=="请输入用户名"){ 	input.value=""; 	} 	  	}; 	  	function Blurs(){ 	  	var ele=document.getElementById("ID1"); 	var val=ele.value; 	if(!val.trim()){ 	  	ele.value="请输入用户名"; 	} 	} 	  	</script>

<!DOCTYPE html> 	<html lang="en"> 	<head> 	<meta charset="UTF-8"> 	<title>Title</title> 	<style> 	.back{ 	background-color: rebeccapurple; 	height: 2000px; 	} 	  	.shade{ 	position: fixed; 	top: 0; 	bottom: 0; 	left:0; 	right: 0; 	background-color: coral; 	opacity: 0.4; 	} 	  	.hide{ 	display: none; 	} 	  	.models{ 	position: fixed; 	top: 50%; 	left: 50%; 	margin-left: -100px; 	margin-top: -100px; 	height: 200px; 	width: 200px; 	background-color: gold; 	  	} 	</style> 	</head> 	<body> 	<div class="back"> 	<input id="ID1" type="button" value="http://www.mamicode.com/click" onclick="action(‘show‘)"> 	</div> 	  	<div class="shade hide"></div> 	<div class="models hide"> 	<input id="ID2" type="button" value="http://www.mamicode.com/cancel" onclick="action(‘hide‘)"> 	</div> 	  	<script> 	  	function action(act){ 	var ele=document.getElementsByClassName("shade")[0]; 	var ele2=document.getElementsByClassName("models")[0]; 	if(act=="show"){ 	ele.classList.remove("hide"); 	ele2.classList.remove("hide"); 	}else { 	ele.classList.add("hide"); 	ele2.classList.add("hide"); 	} 	  	} 	</script> 	</body> 	</html>

 <button onclick="select(‘all‘);">全选</button> 	<button onclick="select(‘cancel‘);">取消</button> 	<button onclick="select(‘reverse‘);">反选</button> 	  	<table border="1" id="Table"> 	<tr> 	<td><input type="checkbox"></td> 	<td>111</td> 	</tr> 	<tr> 	<td><input type="checkbox"></td> 	<td>222</td> 	</tr> 	<tr> 	<td><input type="checkbox"></td> 	<td>333</td> 	</tr> 	<tr> 	<td><input type="checkbox"></td> 	<td>444</td> 	</tr> 	</table> 	  	  	<script> 	function select(choice){ 	var ele=document.getElementById("Table"); 	  	var inputs=ele.getElementsByTagName("input"); 	for (var i=0;i<inputs.length;i=i+1){ 	  	var ele2=inputs[i]; 	if (choice=="all"){ 	ele2.checked=true; 	  	}else if(choice=="cancel"){ 	ele2.checked=false; 	} 	else { 	  	if (ele2.checked){ 	ele2.checked=false; 	}else { 	ele2.checked=true; 	} 	} 	  	} 	} 	</script>

<select id="province"> 	<option>请选择省:</option> 	</select> 	  	<select id="city"> 	<option>请选择市:</option> 	</select> 	  	  	<script> 	data={"河北省":["廊坊","邯郸"],"北京":["朝阳区","海淀区"]}; 	  	  	var p=document.getElementById("province"); 	var c=document.getElementById("city"); 	  	for(var i in data){ 	var option_pro=document.createElement("option"); 	  	option_pro.innerHTML=i; 	  	p.appendChild(option_pro); 	} 	p.onchange=function(){ 	  	pro=(this.options[this.selectedIndex]).innerHTML; 	citys=data[pro]; 	  	c.options.length=0; 	  	for (var i in citys){ 	var option_city=document.createElement("option"); 	option_city.innerHTML=citys[i]; 	c.appendChild(option_city); 	} 	  	} 	</script>

<div id="box1"> 	<select multiple="multiple" size="10" id="left"> 	<option>book</option> 	<option>book2</option> 	<option>book3</option> 	<option>book4</option> 	<option>book5</option> 	<option>book6</option> 	</select> 	</div> 	  	  	<div id="choice"> 	<input class="add" type="button" value="http://www.mamicode.com/--->" onclick="add()"><br> 	<input class="remove" type="button" value="http://www.mamicode.com/<---" onclick="remove();"><br> 	<input class="add-all" type="button" value="http://www.mamicode.com/====>" onclick="ADDall()"><br> 	<input class="remove-all" type="button" value="http://www.mamicode.com/<===" onclick="remall()"> 	</div> 	  	  	<div> 	<select multiple="multiple" size="10" id="right"> 	<option>book9</option> 	</select> 	</div> 	  	<script> 	  	function add(){ 	var right=document.getElementById("right"); 	var options=document.getElementById("left").getElementsByTagName("option"); 	  	for (var i=0; i<options.length;i++){ 	  	var option=options[i]; 	  	if(option.selected==true){ 	right.appendChild(option); 	i--; 	} 	  	} 	  	} 	  	function ADDall(){ 	var right=document.getElementById("right"); 	var options=document.getElementById("left").getElementsByTagName("option"); 	for (var i=0; i<options.length;i++){ 	var option=options[i]; 	right.appendChild(option); 	i--; 	  	} 	  	} 	  	</script>