什么是窗口分帧？ 窗口分帧就是把一个浏览器文档窗口分隔成多个窗口,每个窗口都可以显示一个独立的网页文件，每个帧(即页面)都有自己的url。 帧窗口该如何创建？ 帧通常是由 和标记创建的。但在HTML 4中，标记也可以用来在文档中创建“内联帧”。就JavaScript来说，<iframe>创建的帧与<frameset>和<frame>创建的帧一样。 <p> 在HTML中用</p> <frameset>（分割窗口标记）来分割窗口，<frameset>在多窗口页面中的地位就相当 于在普通单窗口页面中的地位，在页面中用<frameset>……</frameset>标志页面主体 部分的起止位置。而且，<frameset>标记决定了怎样划分窗口，以及每个窗口的位置和大小。其基本语法结构如下： <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <frameset cols=n rows=n frameborder=yes|no border=n bordercolor=#n framespacing=n></frameset> </pre><div class="contentsignin">登录后复制</div></div> </div> <p> cols和rows：是决定页面如何分割的两个参数。分割左右窗口用cols，各帧的左右宽度用占窗口宽度的百分比来表示。比 如：cols="30%,40%,*"就表示水平方向分割成三个窗口，各自所占总宽度的百分比依次是30%，40%和30%。其中"*"表示剩余部分，也 就是说"*"对应的小窗口宽度为剩余的宽度。分割上下窗口用rows，同样采用百分比的设定方法。</p> <p> <strong>frameborder：</strong>是指定各分窗口是（ye）否（no）要加边框；如果加过框的话，则用 border参数指定边框的宽度，bordercolor指定边框的颜色。</p> <p> <strong>framespacing：</strong>用于设定各分窗口之间的间隔大小，默认值是0。</p> <p> 用<frameset>标记把窗口分割好后，各窗口的属性是用HTML的<frame>标记来定义的，所以<frameset>标记中必须包含<frame>标记，用以定义各分窗口的属性。其语法如下：</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <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> </pre><div class="contentsignin">登录后复制</div></div> </div> <p> <strong>align：</strong>设定分窗口的位置是靠左（left）、靠右（right）、居中（center）、靠上（top）还是靠底（bottom）。</p> <p> <strong>name：</strong>用于指定分窗口的名称，src则用于指定分窗口所对应的HTML页面地址。</p> <p> <strong>noresize：</strong>是对用户来说的，当<frame>标记中包含此参数的时候，用户就不能用鼠标调整修改各分窗口的大小。</p> <p> <strong>scrolling：</strong>设定分窗口是否要滚动条。scrolling=no时不要滚动条，scrolling＝yes时表示要滚动条，scrolling＝auoto时表示根据实际情况自动设置滚动条。</p> <p> <strong>frameborder和bordercolor：</strong>是设定分窗口有无边框和边框颜色的。但对象只限于用<frame>标记的分窗口。</p> <p> <strong>marginheight和marginwidth：</strong>分别用于设定分窗口的上下边缘和左右边缘的宽度。</p> <p> 例如：</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> <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></pre><div class="contentsignin">登录后复制</div></div> </div> <p><strong>JavaScript中帧窗口之间的关系？<br /> </strong> 一个窗口的任何帧可以通过<span style="color: #800000"><strong>top,frames</strong><span style="color: #000000">和</span><strong>parent</strong></span>属性来引用其他帧。</p> <p> 任何窗口或帧中的JavaScript代码可以将自己的窗口和帧引用为 window 或 self。</p> <p> 每个窗口都有frames属性。这个属性引用一个Window对象的数组，其中每个元素代表的是这个窗口中包含的帧(如果一个窗口没有任何帧，那么frames[]数组就是空的，frames.length为0).这样，窗口就可以使用frames[0]来引用它的第一个帧,使用frames[1]来引用第二个帧，一次类推。</p> <p> 每个窗口还包含有一个parent属性，它引用包含这个窗口的Window对象。这样，窗口中的第一个帧就可以引用它的兄弟帧，即:</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> parent.frames[1]</pre><div class="contentsignin">登录后复制</div></div> </div> <p>如果一个窗口是顶级窗口，而不是帧，那么parent属性引用的就是这个窗口本身： </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> parent==self;</pre><div class="contentsignin">登录后复制</div></div> </div> <p>如果一个帧包含在另一个帧中，而后者又包含在顶级窗口中，那么该帧就可以使用parent.parent来引用顶级窗口。</p> <p><span style="color: #800000"><strong>注意事项：<br> </strong></span>分帧不能和body标签及内容体共存</p> <p>分帧不利于搜索引擎优化，正常前台页面不建议使用分帧。</p> <p>以上就是本文的全部内容，希望对大家学习javascript程序设计有所帮助。</p> </frameset> </frameset> </frameset> </frameset>
