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

解决方法如下：

第一种

使用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>
    

总结

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

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！