gpt4 book ai didi

javascript - 如何使用 express 和 nodeJS 将 javascript 文件链接到 html 页面

转载 作者:搜寻专家 更新时间:2023-10-31 23:30:47 26 4
gpt4 key购买 nike

我的 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 服务器来提供静态文件。目前,它似乎只服务于“/”路线。

就在您设置路由之前,添加以下行。然后,您可以从相对于脚本所在位置的“公共(public)”文件夹提供静态 Assets 。

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

关于javascript - 如何使用 express 和 nodeJS 将 javascript 文件链接到 html 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26108623/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com