html 引入 BootCDN 上的庫
阿新 • • 發佈：2018-11-06
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 })