Javascript 在不丢失js和css的情况下将html加载到div中
我想将一个html文件及其自己的stlyesheet和js加载到另一个页面的div中 例如，我要加载的html文件如下Javascript 在不丢失js和css的情况下将html加载到div中,javascript,jquery,Javascript,Jquery,我想将一个html文件及其自己的stlyesheet和js加载到另一个页面的div中 例如，我要加载的html文件如下 <html><head>External syle and js</head><body></body></html> 当我加载html时，它会丢失css，我会在控制台中抛出一个错误 GET http://localhost:81/projects/js/table.js?_=1377245019877
<html><head>External syle and js</head><body></body></html>
GET http://localhost:81/projects/js/table.js?_=1377245019877
jquery.min.js (line 6) 404 Not Found 149ms
$('<iframe />').attr('src', 'htmlpagename.html').appendTo('#divID');
$('<iframe />').attr('src', 'htmlpagename.html').appendTo('#divID');
如果您想保持页面的全部内容处于加载状态，则需要使用iframe 从jQuery.load文档中获取的信息： jQuery使用浏览器的.innerHTML属性来解析检索到的文档并将其插入当前文档。在此过程中，浏览器通常会过滤文档中的元素，如html、title或head元素。因此，.load检索到的元素可能与浏览器直接检索到的文档不完全相同 如果您决定使用iframe，这可以帮助您：
$("<iframe />").attr("src", "htmlpagename.html").appendTo("#divID");
如果您想保持页面的全部内容处于加载状态，则需要使用iframe 从jQuery.load文档中获取的信息： jQuery使用浏览器的.innerHTML属性来解析检索到的文档并将其插入当前文档。在此过程中，浏览器通常会过滤文档中的元素，如html、title或head元素。因此，.load检索到的元素可能与浏览器直接检索到的文档不完全相同 如果您决定使用iframe，这可以帮助您：
$("<iframe />").attr("src", "htmlpagename.html").appendTo("#divID");
将divID.loadhtmlpagename.html放在引号中，并在divID.旁边添加$。。最后，它不会引入CSS，只会引入DOM节点，因此我相信HTML结构。在同一页面中预先加载CSS文件。其他HTML内容中是否包含jQuery？如果您的HTML包含HTML标记，您可能需要使用iframe。您可以向我们展示更多的代码吗？请在显示时使用精彩的工具对其进行格式化。让生活更轻松。谢谢，但实际上我只做了$div.table.loadhtml/table.html；将divID.loadhtmlpagename.html放在引号中，并在divID.旁边添加$。。最后，它不会引入CSS，只会引入DOM节点，因此我相信HTML结构。在同一页面中预先加载CSS文件。其他HTML内容中是否包含jQuery？如果您的HTML包含HTML标记，您可能需要使用iframe。您可以向我们展示更多的代码吗？请在显示时使用精彩的工具对其进行格式化。让生活更轻松。谢谢，但实际上我只做了$div.table.loadhtml/table.html；在不使用iframe的情况下，将html加载到div中而不丢失附加的css和js是不可能的吗？@user2710162请思考如果直接包含此html，您的html将是什么样子。您将有几个无效的html标记。@user2710162是的，但是您需要调用头部标记中已经包含的css和javascript，不推荐。请检查我的答案。大多数浏览器在加载页面内容时都会去掉html、head甚至title标记。@user2710162 iframe有什么问题吗？关于您的代码？如果不使用iframe，将html加载到div中而不丢失附加的css和js，这是不可能的吗？@user2710162请思考如果您直接包含此html，您的html将是什么样子。您将有几个无效的html标记。@user2710162是的，但是您需要调用头部标记中已经包含的css和javascript，不推荐。请检查我的答案。大多数浏览器在加载页面内容时都会去掉html、head甚至title标记。@user2710162 iframe有什么问题吗？关于你的代码？谢谢你的输入。没问题。很高兴能帮上忙。回答很好，但你为什么要改变。附加到'divID'；to.appendTo$divID？说得好。这是毫无意义的。将编辑答案。谢谢你指出这一点。谢谢你的宝贵意见。没问题。很高兴能帮上忙。回答很好，但你为什么要改变。附加到'divID'；to.appendTo$divID？说得好。这是毫无意义的。将编辑答案。谢谢你指出这一点。