在web開(kāi)發(fā)中,很多時(shí)候我們需要判斷某些文件是否加載完成,其中就包括css文件。在這篇文章中,我們將討論如何判斷css文件是否加載完成。
假設(shè)我們有一個(gè)css文件,名為style.css
,我們想要判斷它是否加載完成,可以使用以下代碼:
var cssLoaded = false;
var linkList = document.getElementsByTagName("link");
for (var i = 0; i< linkList.length; i++) {
if(linkList[i].href && linkList[i].href.indexOf("style.css") != -1) {
linkList[i].onload = function() {
cssLoaded = true;
};
break;
}
}
首先我們將cssLoaded
變量設(shè)為false,表示css文件未加載完成。然后我們通過(guò)document.getElementsByTagName()
方法獲取所有的鏈接元素,在遍歷鏈接元素列表時(shí),找到名為style.css
的鏈接元素,并給它綁定onload
事件,在該事件中將cssLoaded
變量設(shè)為true。最后,我們?cè)诖a中可以根據(jù)cssLoaded
變量的值來(lái)判斷style.css
是否加載完成。
總結(jié)一下,以上代碼實(shí)現(xiàn)了簡(jiǎn)單的css文件加載完成的判斷,希望對(duì)大家有所幫助。
下一篇列表 css 樣式選擇