在没有外部库的头标记中包含css文件

时间:2014-07-31 14:57:28

标签: html node.js

如何使用Node将此css文件<link rel="stylesheet" href="/path/to/my/main.css">放在head标记内?

这是我到目前为止所做的:

response.writeHead(200,{
    'Content-Type' : 'text/html',
});
response.end('<link rel="stylesheet" href="/path/to/my/main.css">');

最终这样做了:

<body><head><link rel="stylesheet" href="/path/to/my/main.css"></head></body>

如何获取body元素之外的链接和头元素?

2 个答案:

答案 0 :(得分:1)

如果你想使用javascript包含标签,试试这个:

var el = document.createElement("link");
el.setAttribute("rel", "stylesheet/less");
el.setAttribute("type", "text/css");
el.setAttribute("href", "path_to_my_css.css");
document.head.appendChild(el);

答案 1 :(得分:1)

你可以试试这个:

response.end('<link rel="stylesheet" href="/path/to/my/main.css"><body>Your page here</body>');

或者这个:

response.end('<link rel="stylesheet" href="/path/to/my/main.css"><div>Your page here</div>');

浏览器会自动将每个标记放入head,直到它们捕获标记,该标记仅在body内默认使用(body,span,div,...)。然后他们将页面的其余部分移动到body标记。