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