[英]How to link a javascript file to an html page using express and nodeJS
我的nodeJS應用程序非常簡單,但我很難將我的javascript文件鏈接到它。 通常,您只需將腳本放在標題中即可。 顯然,這不適用於Node,所以試圖通過sendFile和其他方法鏈接它,但沒有一個有效。
我的Javascript很簡單:
var express = require('express');
var app = express();
app.get('/',function(req, res) {
res.sendFile(__dirname + '/index.html');
res.send()
});
app.listen(8888)
我的HTML也很簡單:
<html>
<head>
<title>Charter</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
<div id="container" style="width:100%; height:400px;"></div>
<button id="button" class="autocompare" onclick="plotNewChart()">Add series</button>
<script type="text/javascript">
$(function () { $('#container').highcharts({ chart: { events: { addSeries: function () { var label = this.renderer.label('A series was added, about to redraw chart', 100, 120).attr({ fill: Highcharts.getOptions().colors[0], padding: 10, r: 5, zIndex: 8 }) .css({ color: '#FFFFFF' }) .add(); setTimeout(function () { label.fadeOut(); }, 1000); } } }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); });
</script>
</body>
</html>
我想要做的是鏈接另一個文件myJS.js
沒有典型的`我不知道怎么做
您需要設置Express服務器以提供靜態文件。 目前,它似乎只服務於'/'路線。
在設置路由之前,請添加以下行。 然后,您可以從“公共”文件夾中提供相對於腳本位置的靜態資源。
app.use(express.static(path.join(__dirname, 'public')));
所以,如果你把你的myJS.js
放在public/js/myJS.js
你可以像這樣引用它
<script src="/js/myJS.js"></script>
更多信息請參閱文檔: http : //expressjs.com/api.html#express.static
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.