javascript - 使用 JavaScript 将样式表附加到 html 文档的头部

Question

我正在尝试在下载之前将 jQuery 添加到 html 文档中。我需要将以下内容附加到文档的开头：

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/themes/base/jquery-ui.css"/>

我尝试使用以下方法来执行此操作，但最终得到的只是文档中的一对空标签：

var head = content.document.getElementsByTagName('head')[0];
var jqstyle = document.createElement("link");
    jqstyle.rel = "stylesheet";
    jqstyle.type = "text/css";
    jqstyle.href = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/themes/base/jquery-ui.css";
head.appendChild(jqstyle);

谁能告诉我我需要做些什么不同的事情？

谢谢你

Answer 1

正如 Fabricio 指出的那样，您从 css 文件的 url 中遗漏了两个字母（u 和 i）。

这在这里很好用（注意评论中的 url 和实际使用的 url 之间的区别）：

// want to create this and add to the doc head
// <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/themes/base/jquery-ui.css"/>
var link = document.createElement('link');
link.rel = "stylesheet";
link.type = "text/css";
link.href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css";
document.head.appendChild(link);

Answer 2

这也行。

$('head').append('<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jquery/ui/1.7.1/themes/base/jquery-ui.css"/>');