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


原来得使用方式:

<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名称
    

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM