注入css链接到头部与javascript/jquery

Inject css link to the head with javascript/jquery

本文关键字:javascript jquery 头部 css 链接 注入      更新时间:2023-09-26

如何使用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来推动谷歌字体进入头部,这将是最简单的方法?

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

就像....

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

如果你有其他的链接元素

你可以让你的选择器更具体一些

在javascript中你可以这样做:

<script type="text/javascript">
$('head').append("link");
</script>