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

我正在尝试在下载之前将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);

有谁能告诉我我需要做什么不同的事情吗

---

谢谢你

正如法布里西奥指出的那样，你错过了css文件url中的两个字母（u和i）

这在这里很好（注意注释中的url与实际使用的url之间的差异）：

//要创建此文件并添加到文档头吗
// 
var link=document.createElement（'link'）；
link.rel=“样式表”；
link.type=“text/css”；
link.href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css";
document.head.appendChild（链接）；

这也可以

$('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"/>');         

$（'head'）。追加（''）；

我可以问一下，你到底为什么要把这件事弄得这么复杂吗？

link

元素没有任何内容，所以它们当然是空的。或者你的意思是，甚至属性都没有显示？在上面的第一行代码中，什么是

content

？如果没有这一点，它应该可以正常工作。您能否更清楚地解释这一部分：“我正在尝试在下载jQuery之前将其添加到html文档中”。这听起来很奇怪。我正在尝试构建一个firefox扩展，它允许用户使用JQuery便笺对网页进行注释，类似于-我决定我将采用的方法是将2个脚本和样式表以及JQuery函数附加到html文档的头部，然后使用“另存页面为”将其关闭。我已经能够使用上面显示的代码将脚本添加到头部，没有任何问题，但是我无法设计一种在头部链接css文件的方法。

$('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"/>');