如何将样式表附加到节点js的res.write输出？

Question

我有一个节点js程序，它通过res.write()完成一些操作并输出html表；该页面不是连接到html页面，而是我正在查看本地主机端口。因为我没有连接的html页面，所以我想知道我需要在哪里链接样式表。

function func(){
  app.get('/', function (reqs, resp) {
  resp.writeHead(200, {'Content-Type': 'text/html'});
   resp.write("<table></table>");
   resp.end();
  });
}

var server = app.listen(8081, function () {
   func();
});

这是我的代码的相关部分，我将在哪里以及如何添加样式表？

Answer 1

这是不寻常的，但是不管你如何输出它，HTML仍然是HTML。您可以使用<link>元素连接外部样式表。例如：

resp.writeHead(200, {'Content-Type': 'text/html'});
resp.write('<link rel="stylsheet" type="text/css" href="/url/to/your/stylesheet">');
resp.write("<table></table>");
resp.end();

注意整个字符串周围使用单引号，因为它包含双引号.

或者，如果您没有托管样式表，并且只想直接将CSS输出到页面，那么这将是一个<style>元素。例如：

resp.writeHead(200, {'Content-Type': 'text/html'});
resp.write(`<style type="text/css">
  body {
    color: blue;
  }
  </style>`);
resp.write("<table></table>");
resp.end();

当然，你会在里面放任何你想要的CSS样式规则。注意，模板文字使用反勾，而不是普通字符串的引号。这允许它成为multi-line，以提高可读性。