Question

我的HTML中有这个链接，它运行正常：

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.0.4/jscolor.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>

但是当这些链接不可访问时，我想像这样加载JS和CSS localy：

  <link rel="stylesheet" href="jquery-ui.css">
  <script src="jquery.min.js"></script>
  <script src="jquery-ui.min.js"></script>
  <script src="jscolor.js"></script>
  <script src="jquery.ui.touch-punch.min.js"></script>

但怎么办呢？

为什么我需要它？好吧，我正在ESP8266为我家建造物联网设备。它就像我本地网络上的服务器一样，它响应一个HTML页面，该页面需要Jquery和其他东西才能工作，我当然可以直接从ESP8266加载它，但它很慢，所以我更喜欢加载它来自Cloudflare，它工作正常，但如果我失去与互联网的连接会发生什么？...然后Cloudflare无法访问，我需要告诉我的浏览器从ESP8266加载JavaScript和CSS。听起来很简单但我不知道该怎么做...需要一些javascript解决方案。

Answer 1

这样的事情应该起作用

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min.js"></script>
<script>
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='/js/jquery-2.0.0.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>

如果初始源不可用，则从其他源加载JavaScript和CSS

1 个答案: