html 引入 BootCDN 上的库「终于解决」

html 引入 BootCDN 上的库「终于解决」1.Html引入一些库引入以下几个:<!新Bootstrap核心CSS文件><linkhref="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"rel="stylesheet"><!可选的Bootstrap主题文件(一般不使用)><…

大家好,欢迎来到IT知识分享网。

1. Html 引入一些库

引入以下几个:

<!-- 新 Bootstrap 核心 CSS 文件 --> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<!-- 可选的Bootstrap主题文件(一般不使用) --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

具体代码如下:

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>在线尝试 Bootstrap 实例</title>
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>

</head>
<body>

      <h1>Hello, world!</h1>

</body>
</html>

如果是npm安装的,因为npm下载的是用node.js的。引用的时候用相对路径:<script type=”text/javascript”, src=’./js/chat.js’>

2. chatjs画图两个方法修改Line无这个功能

var ctx = document.getElementById("myChart").getContext("2d");
/* var myLineChart = Chart.Line(ctx,{
            type:'line',
            data:lineChartData,
            options:defaults}); */   方法一
var myLineChat=new Chart(ctx,{    //方法二
    type:'line',
    data:lineChartData,
    options:defaults    
})

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/24694.html

(0)
上一篇 2023-08-15 11:33
下一篇 2023-08-22 13:33

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信