Question

因此，假设我有一个名为string.js的文件，它可能看起来像这样：

var hello = "Hello World!";

让我说我有一个名为hello.html的文件。

如何在浏览器中打开hello.html时查看该字符串？

Answer 1

您的任务可分为两部分：

1.添加javascript代码到html并控制内容

2.使用node.js服务器来提供html文件

第一项任务非常简单。你只需要在你的html中包含.js文件。这是基本的html-javascript应用程序。你可以找到很多资源来学习它。 W3schools是一个非常适合初学者的网站。

您有多种方法可以执行任务2.您的目标是提供静态内容。我们以Hapi框架为例。

'use strict';

const Hapi = require('hapi');

const server = new Hapi.Server();
server.connection({ port: 3000, host: 'localhost' });
server.register(require('inert'), (err) => {

    if (err) {
        throw err;
    }

    server.route({
        method: 'GET',
        path: '/sample',
        handler: function (request, reply) {
            reply.file('/your html file');
        }
    });
});
server.start((err) => {

    if (err) {
        throw err;
    }
console.log(`Server running at: ${server.info.uri}`);
});

现在，在浏览器中输入localhost：3000 / sample后，您将能够看到结果。

在代码中，您所做的是创建Hapi服务器并设置路由。一旦调用它，该路由会回复你一个html文件。

Answer 2

Node.js运行服务器端。为了能够显示Hello world，您需要执行以下操作：

const http = require('http');

http.createServer((req, res) => {
  res.end('Hello World');
}).listen(3000);

Node.js：在我的浏览器中查看字符串变量

2 个答案: