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 html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Document.All Example</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<h1>Example Heading</h1>
<hr />
<p>This is a <em>paragraph</em>. It is only a <em>paragraph.</em></p>
<p>Yet another <em>paragraph.</em></p>
<p>This final <em>paragraph</em> has <em id="special">special emphasis.</em></p>
<hr />
<script type="text/javascript">
<!--
var i,origLength;
origLength = document.all.length;
document.write('document.all.length='+origLength+"<br />");
for (i = 0; i < origLength; i++)
{
document.write("document.all["+i+"]="+document.all[i].tagName+"<br />");
}
//-->
</script>
</body>
</html>
它的执行结果是:
Example Heading
--------------------------------------------------------------------------------
This is a paragraph. It is only a paragraph.
Yet another paragraph.
This final paragraph has special emphasis.
--------------------------------------------------------------------------------
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上运行)
|
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>单击DIV变色</title> <style type="text/css"> <!-- #docid{ height:400px; width:400px; background-color:#999;} --> </style> </head> <body><div id="docid" name="docname" onClick="bgcolor()"></div> </body> </html> <script language="javascript" type="text/javascript"> <!-- function bgcolor(){ document.all[7].style.backgroundColor="#000" } --> </script> 上面的这个例子让你了解怎么访问文档中的一个特定元素，比如文档中有一个DIV <div id="docid" name="docname"></div>，你可以通过这个DIV的ID，NAME 或INDEX属性访问这个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 html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Document.All Example #2</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> </head> <body> <!-- Works in Internet Explorer and compatible --> <h1 id="heading1" align="center" style="font-size: larger;">DHTML Fun!!!</h1> <form name="testform" id="testform" action="#" method="get"> <br /><br /> <input type="button" value="Align Left" onclick="document.all['heading1'].align='left';" />//改变<h1& gt;</h1>标签对中的align属性的值,下面的代码作用相同 <input type="button" value="Align Center" onclick="document.all['heading1'].align='center';" /> <input type="button" value="Align Right" onclick="document.all['heading1'].align='right';" /> <br /><br /> <input type="button" value="Bigger" onclick="document.all['heading1'].style.fontSize='xx-large';" /> <input type="button" value="Smaller" onclick="document.all['heading1'].style.fontSize='xx-small';" /> <br /><br /> <input type="button" value="Red" onclick="document.all['heading1'].style.color='red';" /> <input type="button" value="Blue" onclick="document.all['heading1'].style.color='blue';" /> <input type="button" value="Black" onclick="document.all['heading1'].style.color='black';" /> <br /><br /> <input type="text" name="userText" id="userText" size="30" /> <input type="button" value="Change Text" onclick="document.all['heading1'].innerText=document.testform.userText.value;" /& gt;//改变<h1></h1>标签对中的文本内容 </form> </body> </html> |
相关推荐
1,如何判断整个页面是否加载完成 2,捕获文本框内容改变的事件 document.readyState onpropertychange
NULL 博文链接：https://wangjc-opal.iteye.com/blog/766043
Sub QQ() On Error Resume Next ... .document.getelementbyid("verifytip").Value = .document.getelementbyid("verifyshow").Value .document.getelementbyid("button").Click '登 录 End With End Sub
用[removed]的方法来监听状态改变， 然后用document.readyState == “complete”判断是否加载完成,需要的朋友可以参考下
document.readyState 返回当前文档的状态，属性如下： uninitialized 还未开始加载 loading 加载中 interactive 已加载，文档与用户可以开始交互 complete 加载完成 DOMContentLoaded 当 DOMContentLoaded事件...
1.readyState属性 readyState:只读属性。 作用：通过读取该属性，从而知道XMLHttpRequest 目前进行到了哪一步 取值： 状态码 名称 描述 0 未初始化 默认状态，XMLHttpRequest刚刚被创建 1 打开 调用了对象的...
Set dmt = .document '将IE浏览器加载的页面文档，赋予dmt变量 Set tbs = dmt.all.tags("table") '获取所有的table对象集合 For i = 0 To tbs.Length - 1 '历遍每个table If InStr(tbs(i).innertext, "解除限售...
If DateDiff("s", stime, ntime) > 3 Then getHtmlStr = "": Exit Function '判断超出3秒即超时退出过程 Wend getHtmlStr = StrConv(XmlHttp.ResponseBody, vbUnicode) Set XmlHttp = Nothing End Function
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width) document.tooltip2.document.nstip.left-=5 else document.tooltip2.document.nstip.left=150 } function YY_...
采用的方法很类似： 代码如下: var iframe = document.createElement(“iframe”); iframe.src = “//www.jb51.net”; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert(“Local iframe is...
代码如下:var iframe = document.createElement(“iframe”); iframe.src = “//www.jb51.net”; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert(“Local iframe is now loaded.”);...
代码如下: if(this.isIE) { js....: ‘+src)}//chrome JS判断脚本是否加载完成 在“按需加载”的需求中，我们经常会判断当脚本加载完成时，返回一个回调函数，那如何去判断脚本的加载完成呢？ 我们可以对加
document.getElementById("output").innerHTML = "Loading..."; document.getElementById("submit").disabled = true; var name = document.getElementById("name").value; var text = document.getElementById...
//判断浏览器兼容性问题 在JSP中null可以当false使用 if(window.XMLHttpRequest) { //非IE浏览器 xmlRequest = new XMLHttpRequest(); } else { //IE浏览器 xmlRequest = new ActiveXObject("Microsoft....
下面是保存一个图片为示例，代码来源于网络，希望能够给大家带来一定的帮助，代码如下: ...oPop.document.readyState != "complete"; ) { if(oPop.document.readyState=="complete")break; } oPop.document.exec
2种形式都可以 第一种： 代码... oPop.document.readyState != “complete”; ) { if (oPop.document.readyState == “complete”)break; } oPop.document.execCommand(“SaveAs”); oPop.close(); } [removed] <im
在前几篇分析了jquery的ajax异步和同步，以及异常的一些处理，感觉还没有把ajax的readyState和status说清楚.今天就来说说ajax状态的那点事。 jquery ajax函数源代码是这样的： var getXmlHttpRequest = function ()...
document.getElementById("source").value = "正在加载……"; //提示正在加载 createXmlHttp(); //创建XMLHttpRequest对象 xmlHttp.onreadystatechange = writeSource; //设置回调函数 xmlHttp.open("GET", url, ...
由于我们如何加载组件，我们必须在webcomponents-loader.js中添加第174-180行，然后使用它来检查就绪状态，而不是原始document.readyState === 'loading' 。readyState document.readyState === 'loading'语句。