判斷js和css是否載入完成

在通過ajax或者src動態獲取js、css檔案的時候，我們常常需要判斷檔案是否載入完成，以便進行進一步的操作，但是在檢測js、css檔案是否已經載入的策略上各瀏覽器並不統一，有很多坑，現在在這裡總結一下

判斷css是否載入完成

1、在head標籤內插入 引入css的link標籤

2、如果是ie瀏覽器直接使用onload事件 其它瀏覽器用settimeout迴圈輪詢判斷下面屬性

3、如果是webkit核心判斷 link節點上的sheet屬性

4、其它瀏覽器判斷節點上的sheet.cssrules屬性

function loadcss(src, fn) );

} else , 0);
}function poll(node, callback) 
} else if (node['sheet']) 
} catch (ex) }}
if (isloaded) , 1);
} else , 10);}}
node.onload = function () 
}

function loadscript(src, fn) 

if (supportload || timeid) 
};document.head.insertbefore(node, document.head.firstchild);
node.src = src;
node.onerror = function (e) ;
}

判斷JS是否載入完成

判斷js是否載入完成 我們使用document的readystate屬性 document.readystate readystate 屬性返回當前文件的狀態。該屬性返回以下值 function loadscript url,callback else jquery 使用 holdready tru...

JS判斷頁面是否載入完成

用 document.readystate complete 判斷頁面是否載入完成 傳回xml 檔案資料的目前狀況。基本語法 intstate xmldocument.readystate 說 明 這個屬性是唯讀的，傳回值有以下的可能 0 uninitialized xml 物件被產生，但沒有任何檔...

如何判斷js檔案是否載入完成

size medium color red color size function include js file else include js jquery.js 面載入readystate的五種狀態 原文如下 0 uninitialized the send method has not ye...