javascript - 页面<link rel="stylesheet" type="text/css" href="" />引入的标签没加载

Question

因为网速问题 页面的外链css没有加载导致页面样式丢失，doucument.ready()会检测link标签的加载么？如果不能应该怎么做？

Answer 1

doucument.ready()是指画面DOM元素回执完毕后触发，它不会检测link标签的加载。
load事件是指画面元素包括资源加载完毕后触发。
你可以尝试使用以下方法满足自己的需求，有以下html

<link rel="stylesheet" href="css/common.css" id="cssT">

1.使用load事件，当资源加载正确加载时提示加载完成了，或做自己想做的事情。

$('#cssT').on('load',function(){
   console.log('加载完成了');
});

2.使用error事件，当资源加载出错时提示资源加载出错，或做自己想做的事情。

$('#cssT').on('error',function(){
   console.log('加载有问题');
});