HTML标签中的绝对地址中的双斜杠

最新推荐文章于 2024-08-12 21:45:00 发布

转载最新推荐文章于 2024-08-12 21:45:00 发布 · 751 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sherlock-tang/p/8569565.html

文章标签：

#javascript #ViewUI

本文介绍了解决Chartist.js图表库在本地HTML文件中加载失败的问题。通过明确指定HTTP传输协议，解决了由默认file协议导致的无法从CDN加载JS和CSS文件的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　今天开始学习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>