document.readyState:判断文档是否加载完成。firefox不支持。
这个属性是只读的,传回值有以下的可能:
0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载。
1-LOADING:加载程序进行中,但文件尚未开始解析。
2-LOADED:部分的文件已经加载且进行解析,但对象模型尚未生效。
3-INTERACTIVE:仅对已加载的部分文件有效,在此情况下,对象模型是有效但只读的。
4-COMPLETED:文件已完全加载,代表加载成功。
document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法.
function subSomething()
{
if(document.readyState == "complete"){ //当页面加载状态为完全结束时进入
//你要做的操作。
}
else if(document.readyState=="loading"){
}
}
比较好的例子:http://www.jb51.net/article/20445.htm
说明 :onreadystatechange 事件能辨识readyState 属性的改变。
document.all(只被IE支持)
action:document.layers是Netscape 4.x专有的属性,是一个代表所有由储如<div><layer>等定位了的元素的数组通常也是用<div> 或<layer>对象的id属性来引用的,但是这里面不包含除此以外的其它元素
document.layers和document.all的用法是一样的,功能也是相同的。所在我就只介绍一种用法:
document.all的意思是文档的所有元素,也就是说它包含了当前网页的所有元素。它是以数组的形式保存元素的属性的,所以我们可以用 document.all["元素名"].属性名="属性值"来动态改变元素的属性。用这条语句,可以做出许许多多动态网页效果,如:动态变换图片、动态 改变文本的背景、动态改变网页的背景、动态改变图片的大小、动态改变文字的大小各颜色等等。你简直可以动态控制所有网页元素。
document.all[]这个数组可以访问文档中所有元素。
例1(这个可以让你理解文档中哪些是对象)
<!DOCTYPE
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
<head>
<title>Document.All
<meta
</head>
<body>
<h1>Example
<hr
<p>This
<p>Yet
<p>This
<hr
<script
<!--
var
origLength
document.write('document.all.length='+origLength+"<br
for
{
document.write("document.all["+i+"]="+document.all[i].tagName+"<br
}
//-->
</script>
</body>
</html>
它的执行结果是:
Example
--------------------------------------------------------------------------------
This
Yet
This
--------------------------------------------------------------------------------
document.all.length=18
document.all[0]=!
document.all[1]=HTML
document.all[2]=HEAD
document.all[3]=TITLE
document.all[4]=META
document.all[5]=BODY
document.all[6]=H1
document.all[7]=HR
document.all[8]=P
document.all[9]=EM
document.all[10]=EM
document.all[11]=P
document.all[12]=EM
document.all[13]=P
document.all[14]=EM
document.all[15]=EM
document.all[16]=HR
document.all[17]=SCRIPT
(注意它只可以在IE上运行)
<head> <meta <title>单击DIV变色</title> <style <!-- #docid{ height:400px; width:400px; background-color:#999;} --> </style> </head> <body><div </body> </html> <script <!-- function document.all[7].style.backgroundColor="#000" } --> </script> 上面的这个例子让你了解怎么访问文档中的一个特定元素,比如文档中有一个DIV <div document.all["docid"] document.all["docname"] document.all.item("docid") document.all.item("docname") document.all[7] document.all.tags("div")则返回文档中所有DIV数组,本例中只有一个DIV,所以用 document.all.tags("div")[0]就可以访问了。 3、使用document.all[] 例3 <!DOCTYPE "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html <head> <title>Document.All <meta </head> <body> <!-- <h1 <form <br <input οnclick="document.all['heading1'].align='left';" <input οnclick="document.all['heading1'].align='center';" <input οnclick="document.all['heading1'].align='right';" <br <input οnclick="document.all['heading1'].style.fontSize='xx-large';" <input οnclick="document.all['heading1'].style.fontSize='xx-small';" <br <input οnclick="document.all['heading1'].style.color='red';" <input οnclick="document.all['heading1'].style.color='blue';" <input οnclick="document.all['heading1'].style.color='black';" <br <input <input οnclick="document.all['heading1'].innerText=document.testform.userText.value;" </form> </body> </html> |