• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5不支持frameset的两种解决方法

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

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5,frameset,解决方法 等相关知识,匿名希望在学习及工作中可以帮助到您
解决方法如下:

第一种

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

第二种

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

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

我一般是这样写的

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

 });



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

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p+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>
    <p class="page">
        <p class="header">
            <p id="title">
                <h1>顶部</h1>
            </p>
        </p>
        <p class="MainContainer">
            <p class="sidebar">
            边栏
            </p>
            <p  id="main" class="main">
                内容
            </p>           
        </p>
    </p>
</body>
</html>



总结

以上就是HTML5不支持frameset的两种解决方法 的内容,更多相关内容请关注微课江湖()!

您可能想查找下面的文章:

  • HTML5知识点总结
  • HTML5的本地存储
  • HTML5本地存储之IndexedDB
  • Html5实现文件异步上传功能
  • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
  • 详解HTML5 window.postMessage与跨域
  • HTML5拖放API实现拖放排序的实例代码
  • 解决html5中video标签无法播放mp4问题的办法
  • HTML5新特性 多线程(Worker SharedWorker)
  • Html5新增标签有哪些

相关文章

  • 2018-12-03HTML5编程实战之一-实现HTML5时钟的示例代码分享
  • 2017-08-06html5 canvas实现跟随鼠标旋转的箭头
  • 2018-12-03怎样自定义并使用websocket子协议?
  • 2018-12-03从登录框看前端
  • 2018-12-03分享全球十款超强HTML5开发工具_html5教程技巧
  • 2018-12-03HTML5实践-在非响应式设计中如何使用ViewPort meta标签的方法介绍
  • 2017-08-06详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
  • 2018-12-03 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口
  • 2018-12-03html5的离线缓存
  • 2018-12-03Canvas and Drawables 翻译第一集

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 怎么评价国产框架MUI跟ReactNative的对比帖?
    • HTML5页面调起APP功能的方法试验
    • HTML5 js实现拖拉上传文件功能
    • html5中在可拖动元素或选取的文本放置在目标区域时触发的事件ondrop
    • canvas使用注意点总结
    • 简单的Material Design风格手机App菜单特效
    • 很酷的HTML5电子书翻页动画特效_html5教程技巧
    • html5 迷宫游戏(碰撞检测)实例一
    • HTML5和CSS3制作一个模态框实例
    • H5学习之旅-H5的布局(10)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有