复杂的javascript窗口分帧解析

网络编程 2024/11/14 佚名

3 1 2

什么是窗口分帧？　　

　窗口分帧就是把一个浏览器文档窗口分隔成多个窗口,每个窗口都可以显示一个独立的网页文件，每个帧(即页面)都有自己的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：分别用于设定分窗口的上下边缘和左右边缘的宽度。

　　例如：

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

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

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

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

　parent.frames[1]

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

parent==self;

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

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

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

以上就是本文的全部内容，希望对大家学习javascript程序设计有所帮助。

javascript,窗口分帧

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“复杂的javascript窗口分帧解析”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年11月14日

复杂的javascript窗口分帧解析

初识angular框架后的所思所想

javascript轻量级库createjs使用Easel实现拖拽效果

评论“复杂的javascript窗口分帧解析”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接