在页面中包含 JavaScript 和 CSS (jQuery)

Question

我最近遇到了 includeMany jQuery 插件将外部 JavaScript 和 CSS 文件包含到页面中。尽管它于 2009 年初发布，但博客或其他地方没有任何参考资料。我想知道可以用吗？使用起来是怎样的体验？

Answer 1

您可以使用下面的示例包含 JavaScript 和 CSS。不需要任何插件。

要包含 JavaScript 代码，请执行以下操作：

$.getScript("youpathtoscript.js",function() {
            //this script is loaded
});

要包含 CSS 文件：

$("<link/>", {
   rel: "stylesheet",
   type: "text/css",
   href: "styles/yourcss.css"
}).appendTo("head");

Answer 2

对于 CSS/JavaScript 导入（包括）的集合：

Eval 替代方案：

$("<script></script>", {type: "text/javascript",})
.text("alert('your function');")
.appendTo("head");

嵌入式 CSS：

$("<style></style>", {type: "text/css",})
.text("#you{css:rule}")
.appendTo("head");