使用 javascript/jquery 将 css 链接注入头部答案

【问题标题】：Inject css link to the head with javascript/jquery使用 javascript/jquery 将 css 链接注入头部
【发布时间】：2015-08-10 14:03:41
【问题描述】：

如何使用 javascript 将页面中间的 css 链接注入头部

<head>
  ... styles here
</head>
<body>
 code
 <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,900' rel='stylesheet' type='text/css'>
</body>

我需要某种 javascript 来将 google 字体推送到头脑中，最简单的方法是什么？

【问题讨论】：

重点是什么？如果可以在页面中添加 JavaScript，为什么不能手动移动 CSS 链接？更不用说，当 JS 找到链接时，链接应该已经加载了。
我只能访问部分代码，而不是头部，也是为了尝试解决另一个问题，这种字体似乎在 firefox 中不起作用
试着读一下：stackoverflow.com/a/6220566/3756866 - 你可以在之后添加它

标签： javascript jquery html css

【解决方案1】：

$('head').append("<link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,900' rel='stylesheet' type='text/css'>");

试试这个，让我知道这是否有效。

【讨论】：

【解决方案2】：

简单到......

$("head").append($("link").clone());

如果你有其他链接元素，你可以让你的选择器更具体

【讨论】：

【解决方案3】：

在javascript中你可以这样做：

<script type="text/javascript">

$('head').append("link");

</script>

【讨论】：