添加在 pastebin.com 中创建的样式表答案

【问题标题】：Add a stylesheet created in pastebin.com添加在 pastebin.com 中创建的样式表
【发布时间】：2014-07-19 12:29:07
【问题描述】：

我正在为我的一个朋友创建一个用户脚本，它需要重新设置页面样式。为此，我制作了一个样式表，它现在位于 pastebin.com。我想我可以使用下面的代码行添加样式表，但是它不起作用。

document.getElementsByTagName('head')[0].innerHTML += '<link href="http://pastebin.com/raw.php?i=dHnQuGzj" rel="stylesheet" />';

如果可能的话，我宁愿使用这种方法，因为最终的样式表会很长，而且我希望将 JavaScript 保持在最低限度。

有什么办法可以做到吗？

【问题讨论】：

为什么不将相同的链接添加到 html 中？
@Hardy "我正在创建一个用户脚本..." 这就是你的答案。
什么是“用户脚本”？ - Google 有几个定义...此外，无论您在保存 paste 时指定什么语言类型，raw 中的内容URL 以 mime 类型提供 text/plain 应该足以表明这不是该功能的预期用途。
@Emissary 为你添加了标签。
好的，但它确实应该是独立的 - 您可以管理与逻辑分开的样式以保持整洁，但 “将 javascript 保持在最低限度” 并不好窃取带宽的基本原理。 Chrome 扩展允许您在 content_scripts 下的清单中指定样式表 - 我不熟悉它，但我不怀疑 FF 也会做类似的事情。为什么不能将 css 文件与脚本捆绑在一起？

标签： javascript html css userscripts

【解决方案1】：

试试看：

var fileref = document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", filename);

document.getElementsByTagName("head")[0].appendChild(fileref);

【讨论】：