將html加載到div中而不會丟失js和CSS

Question

我想將具有自己的樣式表和js的html文件加載到另一頁的div中。

例如，我要加載的HTML文件將是這樣的

<html><head>External syle and js</head><body></body></html>

使用其他HTML頁面的div標簽

$("#divID").load("htmlpagename.html");

每當我加載html時，它都丟失了CSS，並且在控制台中拋出錯誤

GET http://localhost:81/projects/js/table.js?_=1377245019877
jquery.min.js (line 6) 404 Not Found  149ms

Answer 1

如果您要保持頁面的全部內容加載，則需要使用iframe 。

信息取自jQuery .load()文檔：

jQuery使用瀏覽器的.innerHTML屬性解析檢索到的文檔並將其插入到當前文檔中。 在此過程中，瀏覽器經常從文檔中過濾元素，例如html，title或head元素。 結果，由.load（）檢索的元素可能與由瀏覽器直接檢索的文檔不完全相同。

如果您決定使用iframe ，這可以幫助您：

$("<iframe />").attr("src", "htmlpagename.html").appendTo("#divID");

Answer 2

您可以在html中使用iframe ，那么為什么不使用iframe ？

<html>
<head>
   <!-- Other Head Files and Tags Here -->
</head>
<body>
    <div id="divID">
        <iframe src="htmlpagename.html"></iframe>
    </div>
</body>
</html>

Answer 3

嘗試這個：

$('<iframe />').attr('src', 'htmlpagename.html').appendTo('#divID');

小提琴

將html加載到div中而不會丟失js和CSS

問題描述

3 個解決方案

解決方案1
3 已采納 2013-08-23 08:25:39

解決方案2
1 2013-08-23 08:20:39

解決方案3
1 2013-08-23 08:21:30

將html加載到div中而不會丟失js和CSS

問題描述

3 個解決方案

解決方案1 3 已采納 2013-08-23 08:25:39

解決方案2 1 2013-08-23 08:20:39

解決方案3 1 2013-08-23 08:21:30

解決方案1
3 已采納 2013-08-23 08:25:39

解決方案2
1 2013-08-23 08:20:39

解決方案3
1 2013-08-23 08:21:30