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文件网址中的两个字母（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"/>');

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

2 个答案: