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

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

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


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('加载有问题');
});
【热门文章】
【热门文章】