zoukankan      html  css  js  c++  java
  • 关于html5不支持frameset的解决方法

    转自:http://blog.sina.com.cn/s/blog_b2813a790101ejvf.html

    html5已经不支持frameset了,很郁闷,看了大家的解决方法,无非就是两种
    1. 使用iframe,但是目前使用iframe的人已经越来越少了,而且iframe在不同浏览器之间还有不兼容的情况。
       而且我一些研发的人员,他们表示iframe窗口间传值似乎很麻烦。
    2. 使用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-960px;max-1600px;}
    .sidebar{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>

  • 相关阅读:
    mysql数据库
    Mysql之sql语句操作
    mysql修改root密码的多种方法
    kvm虚拟化
    清华AIOps算法:KPI聚类
    有点扯的预测方法
    内网安全运营的逻辑体系架构
    SpringBoot定时消费Kafka消息
    kafka的consumer消费能力很低的情况下的处理方案
    Kafka_Kafka 消费者 偏移量 与 积压 查询脚本 kafka-consumer-groups.sh
  • 原文地址:https://www.cnblogs.com/x_wukong/p/4672477.html
Copyright © 2011-2022 走看看