html5iframe替代方案，html5的frameset替代方案

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

用div+css代替iframe

1、可以通过添加div层的方式，设置z-index属性，就不需要使用iframe调用新页面了。一个页面就是很多个层组合成的，一开始是display：none；隐藏状态，通过某个事件，使其显示display：block；即可。参数传递也更方便。

2、使用jQuery的onload方法加载页面，不过这种方法跳转多个页面后，点击浏览器上方的后退前进是无效的，不过可以认为的添加一个返回按钮。

3、把DIV里面的内容单独做成一个网页，然后用iframe调用这个网页。代码为iframe scrolling=no width=宽度 height=高度 src=做成的网页网址url/iframe 直接用iframe调用这个完整的网页，通过css截取这个DIV所在的高度。

4、iframe默认是块元素，其display样式默认值是block。frame应该说即不是块元素也不是行内元素，虽然有display样式，但其默认值是none。frameset不是块元素也不是行内元素。frameset标签下只能使用frame标签而不能是iframe标签。IFRAME是HTML标签，作用是文档中的文档，或者浮动的框架。

5、frameset一般用于系统或者后台网页中，还有一种是iframe布局；table布局的话一般比较适合网页要跟屏幕大小一致的时候用到，就是说满屏的网页，不管你怎么变窗口，他还是满屏，这个时候table会比较方便好用；现在div完全可以取代table了，整体布局用div，方便后期的维护。

html5淘汰了frameset,该用什么替代它

1、不管jquery load方法还是什么，这种情况，都是利用 innerHTML做内部元素的替换。用innerHTML替换多少元素都可以的。

2、html5不支持frameset的，所以解决方法有以下两种：使用iframe，但是目前使用iframe的人已经越来越少了，而且iframe在不同浏览器之间还有不兼容的情况。使用jQuery的onload方法加载页面，不过这种方法跳转多个页面后，点击浏览器上方的后退前进是无效的，不过可以认为的添加一个返回按钮。

3、用div建立结构，然后ajax动态的读取相应的内容到指定的div结构内，替换内容。

4、frameset、frame、noframes。HTML5中不支持frame框架，只支持iframe框架，或者用服务器方创建的由多个页面组成的符合页面的形式，删除以上这三个标签。只有部分浏览器支持的元素 applet、bgsound、blink、marquee等标签。其他被废除的元素废除rb，使用ruby替代。废除acronym使用abbr替代。

5、珍爱生命，远离 frameset。这货早就被废弃了，不建议使用，有更多更好的替代方案，甚至你用 iframe 也比它强。

6、设备兼容特性 (Class： DEVICE ACCESS)从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。