复杂的javascript窗口分帧解析(复杂的字)

编辑：rootadmin

推荐整理分享复杂的javascript窗口分帧解析(复杂的字)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:复杂的字,复杂的近义词,复杂的字,复杂的字,复杂的字,复杂的英文,复杂的反义词,复杂的英文,内容如对您有帮助，希望把文章链接给更多的朋友！

什么是窗口分帧？　　

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

帧窗口该如何创建？

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

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

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

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

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

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

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

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

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

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

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

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

　　例如：

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

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

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

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

如果一个窗口是顶级窗口，而不是帧，那么parent属性引用的就是这个窗口本身：　　

如果一个帧包含在另一个帧中，而后者又包含在顶级窗口中，那么该帧就可以使用parent.parent来引用顶级窗口。

注意事项：分帧不能和body标签及内容体共存

分帧不利于搜索引擎优化，正常前台页面不建议使用分帧。

标签: 复杂的字

本文链接地址:https://www.jiuchutong.com/biancheng/380386.html 转载请保留说明！

上一篇：javascript轻量级库createjs使用Easel实现拖拽效果(javascriptj)

下一篇：学习javascript文件加载优化(学javascript的书)