Javascript开发之四script标签与访问HTML

script标签有三个特殊的属性(当然,像id,class这样的属性它也是有的,HTML页面中几乎每个元素都可以有class,id属性)

<script language="JavaScript">//language属性指明标签里包含的脚本所使用的语言
		//它有三个常见的取值JavaScript,JScript,VBScript
		//some script goes here
</script>
	//对于JScript只有IE能够识别,其它浏览器会忽略这个标签其里面的内容
	//而对于VBScript,只有Windows上的IE能够识别,运行
	//然而language属性后来在XHTML中被type属性替代了
	<script type="text/javascript">//取值也变了,text/javascript,text/jscript,text/vbscript
	//some script goes here
</script>


其实由于现在比较流行是javascript:所以不写 type="text/javascript" 一般都会默认识别为javascript

   原来经常用的getElementById Name等放在head中，现在不流行了。因为可能加载不了。

   因为head在body前面,当body里的元素加载完成时,head中的script肯定加载完成了

   但标准仍然推荐将script放在head部分!那么,这就要用到另一个事件onload:body中所有数据加载完以后再执行到onload

	window.onload = initAll;//将所有代码写在一个函数之中,然后注册到window对象的onload事件属性上
	//window表示窗口对象,只要窗口打开,它就始终存在,当页面加载完成后,会触发window对象上的onload事件
	function initAll() {
		var img = document.getElementById("myImg");
	 	img.onclick = myFn;
		function myFn() {
			alert("图象加载完成了!");
		}
	}

这样,代码就不出错了,不管将脚本放在什么位置,initAll只有当页面加载完成后才会被执行

• onclick ,当鼠标点击一下时执行一次
• onmouseover ,当鼠标放上去时执行一次
• onmouseout ,当鼠标移出去时执行一次
• onmousedown ,当鼠标按下时执行一次
• onmouseup ,当鼠标在上面松开(弹起)时执行一次
• onmousedblclick ,当鼠标双击时执行一次
• onload ,当对象加载完成时执行一次

 

 

访问HTML页面:HTML DOM

HTML DOM将整个页面当成一个document对象,HTML里的标签都要通过document对象来访问.而文档中的每个标签,又会转换成一个对象

	<p class="demo" title="第一个段落:DOM树" id="p1">我们用一个p标签来演示</p>

它又会被转换成下面这个对象

        {
           tagName:"p",
           className:"demo",
　　　　title:"第一个段落：dmo树",
           id:"p1",
           innerHTML:"我们用一个p标签来演示" }

//你也许会奇怪,为什么标签的class属性会变成对象的className属性而不是class.
	//class是JavaScript保留字!!!
	//tagName表示它的标签名,而innerHTML表示它里面的HTML代码
 document.getElementsByTagName("P")  得到所有标签为P的集合（数组）