HTML5不适用frameset的两种处理方式

日期:2021-01-19 类型:科技新闻 

关键词:自助建站,专业建站,建站网站,建站平台,网站在线制作app

处理方式以下:

第1种

应用iframe,可是现阶段应用iframe的人早已愈来愈少了,并且iframe在不一样访问器之间也有兼容问题的状况。并且我1些产品研发的人员,她们表明iframe对话框间传值好像很不便。

第2种

应用jQuery的onload方式载入网页页面,但是这类方式自动跳转好几个网页页面后,点一下访问器上方的后退前行是失效的,但是能够觉得的加上1个回到按钮。

因此本人更趋向于这类方式。

我1般是这样写的

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

 });

针对网页页面,div+css能够完成frame的实际效果

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf⑻" />
<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:⑴80px;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>

总结

以上便是这篇文章内容的所有內容了,期待本文的內容对大伙儿的学习培训或工作中能带来1定的协助,假如有疑惑大伙儿能够留言沟通交流。