Html5里frameSet不在使用的替代方法，使用ifram

时间：2024-03-04 08:29:39

原来得使用方式：

<frameset rows="100,*" frameborder="0">
        <frame name="header" src="header.aspx"></frame>
            <frameset cols="15%, *">
                <frame name="menu" src="left.aspx"></frame>   
                <frame name="main" src="jbxx.aspx"></frame>
</frameset>

使用iframe替换

<style type="text/css">
body
{
margin: 0;
padding: 0;
}
div
{
position: absolute;
width: 100%;
height: 100%;
}
#iframeTop
{
width: 100%;
height: 100px;
}
#iframeLeft
{
width: 15%;
float: left;
height: 100%;
}
#iframeContent
{
width: 85%;
height: 100%;
}
</style>
</head>
<body>
<div>
<iframe id="iframeTop" name="iframeTop" frameborder="0" src="header.aspx"></iframe>
<iframe id="iframeLeft" name="iframeLeft" frameborder="0" src="left.aspx"></iframe>
<iframe id="iframeContent" name="iframeContent" frameborder="0" src="jbxx.aspx">
</iframe>
</div>
页面跳转： window.open(\'jbxx.aspx\', \'iframeContent\'); //页面url,和 content名称
　　　　

　　

 

相关文章