更好的方式导入JavaScript和CSS文件使用CDN或从本地机器

Better way to import JavaScript and CSS files using CDN or from Local machine

本文关键字：CDN 机器 文件 方式 导入 JavaScript CSS 更好      更新时间：2023-09-26

在我们的项目中，我们导入了两种类型的javascript文件:

1)从本地机器导入

示例:<script type="text/javascript" src="js/jquery.js"></script>

2)从CDN导入

示例:<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>

是导入java script文件或css文件的最佳选项。当我使用从CDN如何管理时，互联网不可用

你可以这样做

jQuery 

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

或者this works 

<script>
   !window.jQuery && document.write('<script src="js/jquery.js"><'/script>')
</script>

检查jQuery是否存在如果不存在则加载本地javascript文件

根据自己的需要修改

当你使用from CDN时，如果你想让你的页面即使离线也可用，声明一个清单文件，以便浏览器缓存你的文件

<html manifest="path/filename.manifest">

把上面的属性放到你的<html>您的清单文件看起来像这样。

CACHE MANIFEST
#one-line-comment
CACHE:
http://code.jquery.com/ui/1.9.0/jquery-ui.js
#files that are to be loaded from cache.
NETWORK:
*
#files to be loaded online.
# * means all.
相关文章：