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”代碼將如何使用此功能，請發布代碼，我會幫忙的。