首页 >

复杂的javascript窗口分帧解析【javascript】

web前端|js教程复杂的javascript窗口分帧解析【javascript】
javascript,窗口分帧
web前端-js教程
什么是窗口分帧?  
图片展示asp源码下载,vscode有哪些主题,ubuntu 加密安装,tomcat线程池wait,sqlite是关键字吗,爬虫类之所以令人厌恶,php 开源电商,秦皇岛seo网络推广方法,供求信息网站系统,大数据html模板下载lzw
 窗口分帧就是把一个浏览器文档窗口分隔成多个窗口,每个窗口都可以显示一个独立的网页文件,每个帧(即页面)都有自己的url。
易语言源码5000例 模块1000个,vscode怎么还原到早期版本,ubuntu csdn,和tomcat类似的软件,sqlite插入值,博客网页设计模板,服务器 托管,shopex插件怎么安装,vue 微前端框架,爬虫秒单,php流量统计,杭州seo营销,springboot图形码生成,电影视频网站源码,网页制作代码框架,discuz模板调用,ueditor 后台路径,asp.net(vb)打开页面,java套餐管理系统视频,棋牌网站程序lzw
帧窗口该如何创建?
小型企业门户网站源码,yarn装vscode,服务器装ubuntu系统,tomcat横向部署,sqlite头文件,怎么租国外服务器,js 鼠标缩放插件,微前端框架console,pdf 爬虫,教学视频php,十堰seo推广,php抽奖网站源码,网页代码 替换,织梦gbk免费模板,html页面居左,小学校园管理系统,图片程序源码lzw
  帧通常是由和标记创建的。但在HTML 4中,标记也可以用来在文档中创建“内联帧”。就JavaScript来说,创建的帧与和创建的帧一样。

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

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

frameborder:是指定各分窗口是(ye)否(no)要加边框;如果加过框的话,则用 border参数指定边框的宽度,bordercolor指定边框的颜色。

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

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

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

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

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

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

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

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

例如:

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

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

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

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

 parent.frames[1]
如果一个窗口是顶级窗口,而不是帧,那么parent属性引用的就是这个窗口本身:  

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

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

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


  • 暂无相关文章