1

我想将一个带有它自己的 stlyesheet 和 js 的 html 文件加载到另一个页面的 div 中。

例如，我要加载的 html 文件将是这样的

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

进入div其他html页面的标签使用

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

当我加载 html 时，它会丢失 css，并且在控制台中出现错误，因为

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

3 回答 3

3

如果要保持加载页面的全部内容，则需要使用 aniframe来代替。

从jQuery .load()文档中获取的信息：

jQuery 使用浏览器的 .innerHTML 属性来解析检索到的文档并将其插入到当前文档中。在此过程中，浏览器通常会从文档中过滤元素，例如 html、title 或 head 元素。因此，通过 .load() 检索到的元素可能与浏览器直接检索到的文档不完全相同。

如果您决定使用iframe，这可以帮助您：

$("<iframe />").attr("src", "htmlpagename.html").appendTo("#divID");
于 2013-08-23T08:25:39.393 回答
1

你可以iframe在 html 中使用，那你为什么不使用iframe呢？

<html>
<head>
   <!-- Other Head Files and Tags Here -->
</head>
<body>
    <div id="divID">
        <iframe src="htmlpagename.html"></iframe>
    </div>
</body>
</html>
于 2013-08-23T08:20:39.927 回答
1

尝试这个 ：

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

小提琴

于 2013-08-23T08:21:30.793 回答