是否有可能导入css样式表到一个html页面使用Javascript?如果是，该怎么做呢?
p.s. javascript将托管在我的网站上，但我希望用户能够把他们的网站的<头>标签，它应该能够导入一个css文件托管在我的服务器到当前的网页。(CSS文件和javascript文件都将托管在我的服务器上)。
当前回答
来自未来的回答。 在2022年，我们有导入断言api用于导入css文件。
import mycss from "./style/mycss.css" assert { type: "css" };
document.adoptedStyleSheets = [sheet];
shadowRoot.adoptedStyleSheets = [sheet];
浏览器支持: 截至2022年9月，仅支持基于铬的浏览器。
更多信息请访问: V8导入断言post
tc39 github T39导入断言建议
其他回答
可以用于这个YUI库，也可以使用本文实现
var fileref = document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("th:href", "@{/filepath}")
fileref.setAttribute("href", "/filepath")
我用的是百里香叶，效果很好。谢谢
来自未来的回答。 在2022年，我们有导入断言api用于导入css文件。
import mycss from "./style/mycss.css" assert { type: "css" };
document.adoptedStyleSheets = [sheet];
shadowRoot.adoptedStyleSheets = [sheet];
浏览器支持: 截至2022年9月，仅支持基于铬的浏览器。
更多信息请访问: V8导入断言post
tc39 github T39导入断言建议
元素。insertAdjacentHTML有很好的浏览器支持，可以在一行中添加一个样式表。
document.getElementsByTagName("head")[0].insertAdjacentHTML(
"beforeend",
"<link rel=\"stylesheet\" href=\"path/to/style.css\" />");
use:
document.getElementById("of head/body tag")
.innerHTML += '<link rel="stylesheet" type="text/css" href="style.css">';
