Frame.html
来源:原创
时间:2016-07-17
作者:脚本小站
分类:代码笔记
<frameset cols="20%,*"> <!--左边20%右边自适应rows同理--> <frameset cols="20%,*,20%"> <!--左右各20%其余自适应rows同理--> <frame marginheight> <!--设定窗口的上下边界--> <frame marginwidth> <!--设定窗口的左右边界--> <!-------------------------------------------------------------------> <!--------------------------水平分割窗口-----------------------------> <!--rows="水平分割窗口的高度"--> <frameset rows="40%,60%" > <frame src="top.html" name=""> <frame src="bottom.html" name=""> </frameset> <!--填入具体的像素值--> <frameset rows="300px,*" > </frameset> <!-------------------------------------------------------------------> <!---------------------------垂直分割窗口----------------------------> <!--cols="水平分割窗口的宽度"--> <frameset cols="30%,70%"> <frame src="left.html" name="left" > <frame src="right.html" name="right" > </frameset> <!-------------------------------------------------------------------> <!--------------------------frameset的常用属性----------------------> <!--frameborder="yes or no"是否显示框架边框--> <!--framespacing="边框的宽度"--> <!--bordercolor="边框颜色"--> <frameset cols="30%,70%" frameborder="yes" framespacing="5" border="#785634"> <frame src="left.html" name="" > <frame src="right.html" name=""> </frameset> <!-------------------------------------------------------------------> <!----------------------------frame的相关属性-----------------------> <frameset cols="30%,70%" > <!--noresize 边框不可移动--> <!--scrolling=""是否显示滚动条yes no auto--> <frame src="" noresize scrolling="yes" name=""> <frame src="" name=""> </frameset> <!-------------------------------------------------------------------> <!---------------------------iframe浮动框架-------------------------> <!-- target指定打开在哪个框架 --> <a href="twenty.html" target="iframe">链接</a> <!-- html5中没有 frameborder width height属性 --> <iframe name="此框架名称" src="刚打开时显示的页面" frameborder="0" width="" height="" ></iframe> <!-------------------------------------------------------------------> <!-----------------------框架具体操作示例----------------------------> 1.one.html 窗体分割页面 <frameset rows="20%,*"> //上下分割 <frame name="top" src="two.html"> <frameset cols="30%,*"> //左右分割 <frame name="leftframe" src="there.html"> <frame name="rightframe" src="four.html"> </frameset> </frameset> 2.two.html 顶部页面 <a href="there.html" target="leftframe">one</a> //target="leftframe" 3.three.html 左边页面 <a href="four.html" target="rightframe">hello</a> //target="rightframe" 4.four.html 右边页面 anything <!-------------------------------------------------------------------> <!------------------------------------------------------------------->