首页 > 技术文章 > HTML标签中的绝对地址中的双斜杠

sherlock-tang 2018-03-14 19:16 原文

  今天开始学习Chartist.js库。运行demo代码时显示无法加载JS和CSS代码:

  

  <script type="text/javascript" src="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
    <link href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" rel="stylesheet" type="text/css" /></link>

  原因:

  cdn前面的"//"表示引用脚本的传输协议与当前页面正在使用的一致,否则使用Http。比如,当前是https,那定位src时也会自动使用Https。

  但是如果你是打开本地的Html文件,传输协议是file,于是就找不到网上资源。

  解决方法:指明传输协议

  

  <script type="text/javascript" src="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
    <link href="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" rel="stylesheet" type="text/css" /></link>

 

推荐阅读