使用 jquery 注入 HTML 和 CSS 但有 Z2C56C360580420D293172FB2 单独文件？

Question

我正在构建一些东西，它将通过托管在我的服务器上的 Jquery 将 HTML 注入用户网站（他们只是会像其他 Javascript 一样包含我的脚本）。

所以我有我的 HTML 注入； 如何不使用注入的 HTML 编写内联样式 CSS？

我唯一的想法是在我的 Jquery 的开头向我的服务器查询这个外部 javascript 文件。 我不确定如何使 CSS 和 Jquery 都可用于用户的浏览器。

有什么想法吗？ 我正在做类似下面的事情，仅供参考。

$(document).ready(function() {
$('body').find(":last").after("
<div class='spacer'></div><div id='nav_menu_wrapper'><div class='nav_menu'>");
});

Answer 1

您可以使用 jQuery 注入<link>标记，其href指向您提供脚本的任何位置：

$('head').append(
    $('<link/>', {href: '//path.to/your/stylesheet.css', rel: 'stylesheet'})
);

Answer 2

你可以把 append 和 CSS 放在head 。

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

或者提出请求并创建style标签。

$.get("/static/default.css", function(d)
{
    $("<style />").html(d).appendTo("head");
})

至于附加html您可以制作$.get和 append 或使用iframe 。