2019獨角獸企業重金招聘Python工程師標準>>>

CDN鏈接經常是使用的。但是，CDN鏈接掛了怎么辦，因此，就要調用使用本站點的庫，那么怎么實現呢？

?

檢測CDN的jquery鏈接是否有效（這種方法比較簡單）

<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js" type="text/javascript"></script> <script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>

?

那么，問題來了，假如我要檢測其他CDN呢？如使用bootstrap框架的js與css呢?

?

本人就想了一個比較簡單的方法（不使用requirejs）

... <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> <script type="text/javascript" src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> ...<script>//判斷cdn是否有效 $.when(//同步方式發送請求 $.ajax({url: "https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css",async: false}),$.ajax({url: "https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js",async: false})//如果鏈接失效，就寫入本地的鏈接 ).fail(function() {$("link[href='https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css']").after(" < link rel = 'stylesheet' href = 'css/bootstrap.min.css' > ");$("script[src='https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js'").after(" < script type = 'text/javascript' src = 'js/bootstrap.min.js' > < \/script>");});</script>

轉載于:https://my.oschina.net/colour10/blog/744062

總結

以上是生活随笔為你收集整理的简单检测CDN链接是否有效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。