HTML5不支持frameset的两种解决方法


Posted in HTML / CSS onNovember 14, 2016

解决方法如下:

第一种

使用iframe,但是目前使用iframe的人已经越来越少了,而且iframe在不同浏览器之间还有不兼容的情况。而且我一些研发的人员,他们表示iframe窗口间传值似乎很麻烦。

第二种

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

所以个人更倾向于这种方法。

我一般是这样写的

$("#main").load("mainIndex.html",function(){

 });

对于页面,div+css可以实现frame的效果

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div+css实现frameset效果</title>
<style type="text/css">
.header{border-bottom:1px solid #ccc;margin-bottom:5px;}
.MainContainer{min-width:960px;max-width:1600px;}
.sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px;padding:5px;}
.main{float:left;margin-left:200px;padding:5px;}
.content{padding:0 10px;}
</style>
</head>
<body>
    <div class="page">
        <div class="header">
            <div id="title">
                <h1>顶部</h1>
            </div>
        </div>
        <div class="MainContainer">
            <div class="sidebar">
            边栏
            </div>
            <div  id="main" class="main">
                内容
            </div>           
        </div>
    </div>
</body>
</html>

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

HTML / CSS 相关文章推荐
纯css3显示隐藏一个div特效的具体实现
Feb 10 HTML / CSS
CSS3 清除浮动的方法示例
Jun 01 HTML / CSS
CSS实现半透明边框与多重边框的场景分析
Nov 13 HTML / CSS
HTML5实现QQ聊天气泡效果
Jun 26 HTML / CSS
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
Mar 25 HTML / CSS
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
Jul 19 HTML / CSS
HTML5 canvas基本绘图之绘制线条
Jun 27 HTML / CSS
Html5监听手机摇一摇事件的实现
Nov 07 HTML / CSS
HTML5自定义视频播放器源码
Jan 06 HTML / CSS
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
Jun 04 HTML / CSS
HTML5开发动态音频图的实现
Jul 02 HTML / CSS
使用CSS实现百叶窗效果示例代码
May 07 HTML / CSS
html5 视频播放解决方案
Nov 06 #HTML / CSS
HTML5头部标签的一些常用信息小结
Oct 23 #HTML / CSS
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
Oct 23 #HTML / CSS
HTML5页面音视频在微信和app下自动播放的实现方法
Oct 20 #HTML / CSS
浅谈html5标签css3的常用样式
Oct 20 #HTML / CSS
html5中的一些标签学习(心得)
Oct 18 #HTML / CSS
HTML5+CSS3实现机器猫
Oct 17 #HTML / CSS
You might like
php array_pop()数组函数将数组最后一个单元弹出(出栈)
2011/07/12 PHP
PHP 提取图片img标记中的任意属性的简单实例
2013/12/10 PHP
php利用单例模式实现日志处理类库
2014/02/10 PHP
一个显示效果非常不错的PHP错误、异常处理类
2014/03/21 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
php中static和const关键字用法分析
2016/12/07 PHP
PHP使Laravel为JSON REST API返回自定义错误的问题
2018/10/16 PHP
php根据命令行参数生成配置文件详解
2019/03/15 PHP
PHP大文件切割上传功能实例分析
2019/07/01 PHP
JavaScript 空位补零实现代码
2010/02/26 Javascript
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
2010/11/25 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
2011/01/09 Javascript
用JS控制回车事件的代码
2011/02/20 Javascript
jquery右下角弹出提示框示例代码
2013/10/08 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
2013/12/19 Javascript
使用RequireJS优化JavaScript引用代码的方法
2015/07/01 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
2015/09/01 Javascript
深入浅析react native es6语法
2015/12/09 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
2018/08/29 Javascript
javascript实现简易数码时钟
2020/03/30 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
详解React中共享组件逻辑的三种方式
2021/02/02 Javascript
[07:54]DOTA2 MV《我的动力鞋》 ImbaTV 出品
2014/11/21 DOTA
[01:04:35]2018DOTA2亚洲邀请赛 4.3 突围赛 Secret vs VG 第一场
2018/04/04 DOTA
初步理解Python进程的信号通讯
2015/04/09 Python
Python使用正则表达式抓取网页图片的方法示例
2017/04/21 Python
Python urllib库如何添加headers过程解析
2020/10/05 Python
Django 实现图片上传和下载功能
2020/12/31 Python
纯CSS3制作的简洁蓝白风格的登录模板(非IE效果更好)
2013/08/11 HTML / CSS
10种CSS3实现的loading动画,挑一个走吧?
2020/11/16 HTML / CSS
Rockport乐步美国官网:风靡美国的白宫鞋
2016/11/24 全球购物
乡镇干部先进事迹材料
2014/02/03 职场文书
保护母亲河倡议书
2014/04/14 职场文书
《望庐山瀑布》教学反思
2014/04/22 职场文书
学校四风问题对照检查材料思想汇报
2014/09/26 职场文书
SpringMVC 整合SSM框架详解
2021/08/30 Java/Android