20160704学习体会

<script>
    document.write("<h1>this is a heading</h1>");
</script>
//如果在文档已完成加载后执行document.write，整个HTML页面将被覆盖。

function myFunction(){
	x = document.getElementById("demo");
	//根据指定的 id 属性值得到对象。返回id属性值等于demo的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一个。
如果无符合条件的对象，则返回 null 
	x.innerHTML = "Hello World";
}

function changeImage(){
	element = document.getElementById("myimage");
	if(element.src.match("bulbon"))
        //
{	
	element.src = "eg_bulbon.gif";
}else{
	element.src = "eg_bulboff.gif";
}
}

<script>
fucntion myfunction(){
	x = document.getElementById("demo");
	x.style.color = "#ff0000";
}
</script>

<script>
fucntion myFunction(){
	var x = document.getElementById("demo").value:
	if(x == "" || isNaN(x)){
		alert("Not Numeric");
	}
}
</script>

<script src = "myScript.js"></script>

javascript中字符串连接时用Array.join()替换string += "xx"，换来几十倍的速度提升

创建Array对象的语法
alert(undefined==null) true
alert(undefined===nul) false
alert(null==undefined) true
alert(null===undefined)false

window.setTimeout(checkState,10000); 10s后调用函数checkState
window.setTimeout(checkState(),10000); 立即调用
该方式调用，不加括号有延时，加括号就立即调用
window.setTimeout('checkState()',10000);
该方式调用，要加括号并且有延时作用

alert($(window).height());//浏览器当前窗口可是区域高度
alert($(document).height()); //浏览器当前窗口文档的高度 
alert($(document.body).height());//浏览器当前窗口文档body的高度 
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin 
alert($(window).width()); //浏览器当前窗口可视区域宽度 
alert($(document).width());//浏览器当前窗口文档对象宽度 
alert($(document.body).width());//浏览器当前窗口文档body的高度 
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin 

最快的方法求一个数组arr中所有元素的和 
function sum（arr）{
	return eval(arr.join('+'));
}

行内元素: a b span img input select strong
块级元素有: div ul ol li dl dt dd h1 h2 h3 ... p

自闭合标签有<input/> <img/> <br/> <link/> <hr/>