如何在div中加载页面，不使用iframe，要加载的页面的js功能，css样式都执行

every888 2010-01-06 12:28:35

如题js如何实现

就40分了，大家帮个忙，3q

...全文

340 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

zjx198934 2010-01-06

打赏
举报

回复

DIV不能直接加载页面吧！你可以在DIV上放一个同样大小的iframe 把滚动条去掉一样能够实现你想要的效果！没有任何不同！不知道你具体做什么！只有按你说的理解了！

sohighthesky 2010-01-06

打赏
举报

回复

js正则取出body内容放到div中

并用正则匹配script和style,link内容添加到head中

本文介绍如何在不修改被iframe引入页面源代码的情况下调整其样式。包括同域下直接使用JS修改，以及跨域时利用HTML5的postMessage方法实现样式调整。

在使用 Vue 构建的单页面应用中，页面样式可能因路由切换、组件加载顺序等导致混乱。原因包括 CSS 加载顺序、路由和组件异步加载等问题。可通过统一样式加载顺序、避免样式冲突、解决路由懒加载问题、处理样式缓存、使用框架自带优化功能等方法解决。

本文介绍了使用DIV元素通过CSS和JavaScript模拟iframe布局效果的方法。阐述了DIV仿iframe布局原理，讲解了CSS布局方法、JavaScript动态加载内容的技术，说明了模拟iframe的实现及性能与SEO考量，还提及响应式设计与性能优化的关键点和策略。

本文展示了一个通过JavaScript操作页面中iframe内部元素的例子。主要内容包括使用JavaScript修改iframe中特定div的显示状态，以及如何通过脚本访问并更改其样式属性。

针对HTML中Iframe多页面切换首次加载卡顿问题，提出通过延迟加载、预加载关键资源及缓存复用等方案进行优化。结合加载状态提示与防重复请求机制，显著提升用户体验。适用于自有或第三方页面场景，配合Gzip压缩、CDN加速等底层优化措施效果更佳。

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章