frameset中的一些属性

最新推荐文章于 2021-06-02 17:00:36 发布

原创最新推荐文章于 2021-06-02 17:00:36 发布 · 193 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了HTML中frameset标签的应用，包括如何通过cols和rows属性设置不同frame的比例，以及通过特定样式实现全屏显示的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<frameset cols="25%,*" framespacing="0" name=vbar frameborder="no" border="10" frameborder="1" bordercolor="#ECECEC">
               <frame name="frame_down_left" noresize marginHeight=0 marginWidth=0 style="BORDER-RIGHT: #003366 3px solid; BORDER-TOP: #003366 1px solid;cursor: e-resize"  scrolling=auto src="">
               <frameset rows="55%,*" framespacing="0" name=hbar frameborder="no" border="10" frameborder="1" bordercolor="#ECECEC">
                   <frame name="frame_down_rightup"  id="dm_handle"  marginHeight=0 marginWidth=0 style="BORDER-RIGHT: #87AADE 0px solid; BORDER-TOP: #003366 1px solid;cursor: n-resize"  scrolling=auto src=""/>
                   <frame name="frame_down_rightdown"  id="dm_biz"  marginHeight=0 marginWidth=0 style="BORDER-LEFT: #87AADE 0px solid; BORDER-TOP: #003366 3px solid;cursor: n-resize"  scrolling=auto src="">
            </frameset>        

        </frameset>

frameset设置左右、上下显示比例cols、rows，cols="25%,*"表示左边frame显示宽度为25%，右边为75%；rows="55%,*"表示上边frame显示宽度为55%，下边为45%。noresize表示比例不能调整；不写noresize属性，默认比例可以通过鼠标上下或左右调整。cursor: e-resize左右箭头；cursor: n-resize上下箭头。

下面写了个方法可以通过frame中的事件触发，全屏显示。

function frameResize(fObj){
    if( fObj.id =="dm_handle"){
        if(hbar.rows !="*,0")
            hbar.rows ="*,0";
        else
            hbar.rows ="55%,*";
    }

    if( fObj.id =="dm_biz"){
        if(hbar.rows !="0,*")
            hbar.rows ="0,*";
        else
            hbar.rows ="55%,*";
    }
}