HTML内容中的CSS链接在加载HTML时抛出错误

Question

我对jQuery的.html()方法有.html() 。 我使用以下方法将html内容加载到div中：

$('#content').html(domContent);

domContent包含整个HTML字符串。 它具有链接到的样式表。 因此，在执行此行时，控制台中出现GET file:///....错误，因为CSS文件的URL路径无效。

但是，稍后我修改了URL，并将其应用到我的页面上。

但我不希望首先发生此错误。 它应该忽略它，或者是否可以通过任何方式告诉jQuery跳过此GET错误。

Answer 1

您可以使用$(document.createDocumentFragment()); 在这种情况下。 就像它建议的那样，它创建了一个文档片段，但是没有将其添加到页面中，因此不要尝试从断开的URL中获取CSS。 例如：

var $fragment = $(document.createDocumentFragment());
$fragment.html(domContent);

// Fix the CSS URL using the code you've already got, then:

$('#content').html($fragment.html());

如果您不确定所拥有的“修复CSS URL”代码将如何使用此功能，请发布代码，我会帮忙的。