在前端開發中,我們經常需要在JavaScript中判斷CSS文件是否已經加載完成,可以使用以下代碼實現:
function isCSSload(url) { var stylesheet = null; var stylesheets = document.styleSheets; var n = stylesheets.length; var reg = new RegExp(url); for (var i = 0; i < n; i++) { if (reg.test(stylesheets[i].href)) { stylesheet = stylesheets[i]; break; } } if (stylesheet != null) { var rules = stylesheet.cssRules || stylesheet.rules; return rules.length > 0; } else { return false; } }
以上代碼中,我們首先獲取所有的CSS樣式表,然后遍歷查找是否有加載完成的樣式表,如果找到則獲取其樣式規則數組,并判斷是否存在規則。
這里需要注意的是,由于瀏覽器安全限制,訪問外部資源時需要跨域處理。
上一篇html5設置雙線畫框
下一篇html5設置勾選