天天看點

用 document.readyState == "complete" 判斷頁面是否加載完成

傳回XML 檔案資料的目前狀況。  

基本文法

intState = xmlDocument.readyState; 

說 明

這個屬性是隻讀的,傳回值有以下的可能:

0-UNINITIALIZED:XML 對象被産生,但沒有任何檔案被加載。

1-LOADING:加載程式進行中,但檔案尚未開始解析。

2-LOADED:部分的檔案已經加載且進行解析,但對象模型尚未生效。

3-INTERACTIVE:僅對已加載的部分檔案有效,在此情況下,對象模型是有效但隻讀的。

4-COMPLETED:檔案已完全加載,代表加載成功。

 

範 例

alert("The readyState property is " + xmlDoc.readyState);

用 document.readyState == "complete" 判斷頁面是否加載完成

<script language="javascript">

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

if (document.readyState=="complete")

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

{

用 document.readyState == "complete" 判斷頁面是否加載完成

        AdjustImageSize();

用 document.readyState == "complete" 判斷頁面是否加載完成

}

用 document.readyState == "complete" 判斷頁面是否加載完成

else

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

        document.onreadystatechange = function()

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

                if (document.readyState == "complete")

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

                        AdjustImageSize();

用 document.readyState == "complete" 判斷頁面是否加載完成

                }

用 document.readyState == "complete" 判斷頁面是否加載完成

        }

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

function AdjustImageSize()

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

        var imageWidth = document.all["SendPic"].width;

用 document.readyState == "complete" 判斷頁面是否加載完成

        var imageHeight = document.all["SendPic"].height;

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

        if (imageWidth == 0 && imageHeight == 0)

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

                document.write ("圖檔下載下傳失敗,請重新整理!");

用 document.readyState == "complete" 判斷頁面是否加載完成

                return;

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

        if (imageWidth > 160 || imageHeight > 160)

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

                if (imageWidth > imageHeight)

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

                        k = 160 / imageWidth;

用 document.readyState == "complete" 判斷頁面是否加載完成

                        imageHeight = imageHeight * k;

用 document.readyState == "complete" 判斷頁面是否加載完成

                        imageWidth = 160;

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

                else

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

                        k = 160 / imageHeight;

用 document.readyState == "complete" 判斷頁面是否加載完成

                        imageWidth = imageWidth * k;

用 document.readyState == "complete" 判斷頁面是否加載完成

                        imageHeight = 160;

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

                document.all["ImgResized"].value = "1";

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

        document.all["SendPic"].width = imageWidth;

用 document.readyState == "complete" 判斷頁面是否加載完成

        document.all["SendPic"].height = imageHeight;

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

        document.all["ImgWidth"].value = imageWidth;

用 document.readyState == "complete" 判斷頁面是否加載完成

        document.all["ImgHeight"].value = imageHeight;

用 document.readyState == "complete" 判斷頁面是否加載完成
用 document.readyState == "complete" 判斷頁面是否加載完成

</script>

用 document.readyState == "complete" 判斷頁面是否加載完成

<a target="_blank" href="http://www.cnblogs.com/lhb25/p/must-read-links-for-web-designers-and-developers-volume-12.html">Web 前端工程師和設計師必讀精華文章推薦</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/07/28/html5-awesome-single-page-sites-inspiration.html" target="_blank">酷!15個精美的 HTML5 單頁網站作品欣賞</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/11/22/best-awesome-css3-animation-demos.html">炫!35個讓人驚訝的 CSS3 動畫效果示範</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/03/02/30-mind-blowing-parallax-scrolling-effect-websites.html" target="_blank">贊!30個與衆不同的優秀視差滾動效果網站</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2012/01/13/25-outstanding-single-page-website-designs.html">靓å!25個優秀的國外單頁網站設計作品欣賞</a>

<a target="_blank" href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html">帥!8個驚豔的 HTML5 和 JavaScript 特效</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/06/27/35-exclusive-rainbow-colored-flash-websites.html" target="_blank">頂!35個很漂亮的國外 Flash 網站作品欣賞</a>

<a href="http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/24/outstanding-admin-panels-part-one.html" target="_blank">哇!34個漂亮網站和應用程式背景管理界面</a>

用 document.readyState == "complete" 判斷頁面是否加載完成

<a href="http://www.yyyweb.com/go/web" target="_blank">本部落格新站點 ◆ 前端裡 ◆ 歡迎圍觀:)</a>

歡迎任何形式的轉載,但請務必注明出處。

繼續閱讀