Javascript 在CDN失败时加载本地JS/CSS的HTML if语句
当从CDN或任何外部服务器加载CSS/JS文件时，由于外部故障可能（即使概率很低）丢失该文件。在这种情况下，html页面将因缺少适当的CSS和JS而损坏 是否有一种在CDN故障时加载本地版本的实用方法Javascript 在CDN失败时加载本地JS/CSS的HTML if语句,javascript,html,performance,web,Javascript,Html,Performance,Web,当从CDN或任何外部服务器加载CSS/JS文件时，由于外部故障可能（即使概率很低）丢失该文件。在这种情况下，html页面将因缺少适当的CSS和JS而损坏 是否有一种在CDN故障时加载本地版本的实用方法 <link rel="stylesheet" href="http://cdn.com/style.css" type="text/css" /> IF (not loaded style.css){ <link rel="stylesheet" href="/css/style
<link rel="stylesheet" href="http://cdn.com/style.css" type="text/css" />
IF (not loaded style.css){
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
}
IF（未加载style.css）{
}
然而，我很想知道是否有一个实用的方法 对于Javascript，您可以在构建动态脚本时侦听和事件。然而，在这些相同的页面中，它显示了CSS的其他特性 动态加载CSS的唯一可靠方法是通过AJAX实现。您可以通过动态链接标记加载样式，但如果没有这些事件，您将不知道它们是否已加载。你可以为这些风格进行投票，但在我看来，这是一种粗俗的风格 另一种方法是让服务器读取这些CDN文件。如果它们是好的，打印链接的URL。但如果这些链接失效，则让它打印本地URL。这将更加可靠，并将您的逻辑卸载到服务器。这假定您有权访问服务器
或者更好，首先使用本地版本！有了好的缓存，带宽就不会成为问题了我会这样做 在样式表
ui-helper-hidden<body><div class="ui-helper-hidden"></div><!-- rest of html --></body>
<script>
// CSS Fallback
$(function () {
if ($('.ui-helper-hidden:first').is(':visible') === true) {
$('<link rel="stylesheet" type="text/css" href="/pathtocss/nameofstylesheet.css" />').appendTo('head');
}
});
</script>
//CSS回退
$（函数（）{
如果（$（'.ui helper hidden:first'）。是（':visible'）==true）{
$（''）。附于（'head'）；
}
});