复杂的javascript窗口分帧解析

160 阅读 0 评论 106 点赞

我是靠谱客的博主秀丽水杯，最近开发中收集的这篇文章主要介绍复杂的javascript窗口分帧解析，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

什么是窗口分帧？　　

　窗口分帧就是把一个浏览器文档窗口分隔成多个窗口,每个窗口都可以显示一个独立的网页文件，每个帧(即页面)都有自己的url。

帧窗口该如何创建？

　　帧通常是由<frameset>和<frame>标记创建的。但在HTML 4中，<iframe>标记也可以用来在文档中创建“内联帧”。就JavaScript来说，<iframe>创建的帧与<frameset>和<frame>创建的帧一样。

　　在HTML中用<frameset>（分割窗口标记）来分割窗口，<frameset>在多窗口页面中的地位就相当于<body>在普通单窗口页面中的地位，在页面中用<frameset>……</frameset>标志页面主体部分的起止位置。而且，<frameset>标记决定了怎样划分窗口，以及每个窗口的位置和大小。其基本语法结构如下：

<frameset cols=n rows=n frameborder=yes|no border=n bordercolor=#n framespacing=n></frameset>

　　cols和rows：是决定页面如何分割的两个参数。分割左右窗口用cols，各帧的左右宽度用占窗口宽度的百分比来表示。比如：cols="30%,40%,*"就表示水平方向分割成三个窗口，各自所占总宽度的百分比依次是30%，40%和30%。其中"*"表示剩余部分，也就是说"*"对应的小窗口宽度为剩余的宽度。分割上下窗口用rows，同样采用百分比的设定方法。

　　frameborder：是指定各分窗口是（ye）否（no）要加边框；如果加过框的话，则用 border参数指定边框的宽度，bordercolor指定边框的颜色。

　　framespacing：用于设定各分窗口之间的间隔大小，默认值是0。

　　用<frameset>标记把窗口分割好后，各窗口的属性是用HTML的<frame>标记来定义的，所以<frameset>标记中必须包含<frame>标记，用以定义各分窗口的属性。其语法如下：

<frame align=left|center|right|top|bottomv name=framename src＝url noresize scrolling＝yes|on|auto frameborder=yes|no bordercolor＝＃n marginheight=n marginwidth＝n></frame>

　　align：设定分窗口的位置是靠左（left）、靠右（right）、居中（center）、靠上（top）还是靠底（bottom）。

　　name：用于指定分窗口的名称，src则用于指定分窗口所对应的HTML页面地址。

　　noresize：是对用户来说的，当<frame>标记中包含此参数的时候，用户就不能用鼠标调整修改各分窗口的大小。

　　scrolling：设定分窗口是否要滚动条。scrolling=no时不要滚动条，scrolling＝yes时表示要滚动条，scrolling＝auoto时表示根据实际情况自动设置滚动条。

　　frameborder和bordercolor：是设定分窗口有无边框和边框颜色的。但对象只限于用<frame>标记的分窗口。

　　marginheight和marginwidth：分别用于设定分窗口的上下边缘和左右边缘的宽度。

　　例如：

<frameset cols="50%,*,25%">
 <frame src="http://www.baidu.com" noresize="noresize" />
 <frame src="http://www.baidu.com" />
 <frame src="http://www.baidu.com" />
</frameset>

JavaScript中帧窗口之间的关系？
　　一个窗口的任何帧可以通过top,frames和parent属性来引用其他帧。

　　任何窗口或帧中的JavaScript代码可以将自己的窗口和帧引用为 window 或 self。

　　每个窗口都有frames属性。这个属性引用一个Window对象的数组，其中每个元素代表的是这个窗口中包含的帧(如果一个窗口没有任何帧，那么frames[]数组就是空的，frames.length为0).这样，窗口就可以使用frames[0]来引用它的第一个帧,使用frames[1]来引用第二个帧，一次类推。

　　每个窗口还包含有一个parent属性，它引用包含这个窗口的Window对象。这样，窗口中的第一个帧就可以引用它的兄弟帧，即: