学无止境
BlogJava
首页
新文章
新随笔
聚合
管理
posts - 37, comments - 9, trackbacks - 0
2011年10月18日
JavaScript BOM学习笔记——window对象(1)
BOM:Browser Object Model,浏览器对象模型。BOM是由一系列的对象组成的。其结构如下图所示。
可以看出,window对象是整个BOM的核心,因此,先讨论window对象。
(1)使用框架集的情况下
使用框架集合的情况下,每个框架都由他自身的window对象表示,存放在frames集合中。可以通过数字或者名字对框架进行索引。看例子:
<
html
>
<
head
></
head
>
<
frameset
rows
="100,*"
>
<
frame
src
="frame.html"
name
="topFrame"
/>
<
frameset
cols
="50%,50%"
>
<
frame
src
="anothorFrame.html"
name
="leftFrame"
/>
<
frame
src
="yetAnothorFrame.html"
name
="rightFrame"
/>
</
frameset
>
</
frameset
>
</
html
>
我们可以通过window.frames[0]或者window.frames["topFrame"]引用顶层的框架。由于window对象是整个BOM的核心,因此再写上面的代码时,可以忽略window对象不写,直接写frames[0]或者frames["topFrame"]即可。
在框架中使用window对象,代表的是该框架本身。因此,还引入了top对象。该对象指向的是对顶层的框架,也就是浏览器窗口。
此外,还有一个parent对象。顾名思义,parent指向该框架的父框架。看例子。
<!--
parent.html
-->
<
html
>
<
head
></
head
>
<
frameset
rows
="100,*"
>
<
frame
src
="frame.html"
name
="topFrame"
/>
<
frameset
cols
="50%,50%"
>
<
frame
src
="anothorFrame.html"
name
="leftFrame"
/>
<
frame
src
="anotherframeset.html"
name
="rightFrame"
/>
</
frameset
>
</
frameset
>
</
html
>
其中,anotherframeset.html的代码如下:
<!--
anotherframeset.html
-->
<
html
>
<
head
>
<
title
></
title
>
</
head
>
<
body
>
<
frameset
cols
="100,*"
>
<
frame
src
="red.html"
name
="redFrame"
/>
<
frame
src
="blue.html"
name
="blueFrame"
/>
</
frameset
>
</
body
>
</
html
>
如果在red.html或者blue.html中,parent指向parent.html中的rightFrame。如果代码写在parent.html中的topFrame中,那么parent指向top对象,也就是浏览器窗口。还有一个指针self,它总是等于window。
参考书:
《JavaScript高级编程》Nicolas C. Zakas著, 曹力 张欣 等译。
posted @
2011-10-18 12:22
wawlian 阅读(466) |
评论 (0)
|
编辑
收藏
<
2011年10月
>
日
一
二
三
四
五
六
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
常用链接
我的随笔
我的评论
我的参与
最新评论
留言簿
给我留言
查看公开留言
查看私人留言
随笔分类
Ajax(2)
Android
ArcGIS Desktop
ArcGIS Engine
ArcGIS Server
CentOS
CSS(1)
CVS Eclipse(1)
Dorado
Flex(3)
GIS概念(1)
Hibernate(1)
Java(3)
JavaScript(1)
jBPM
JDBC(1)
jQuery(3)
Servlet JSP(2)
Struts2(5)
云计算(1)
数据库
杂(10)
算法导论(1)
随笔档案
2011年10月 (2)
2011年6月 (4)
2011年5月 (1)
2011年4月 (5)
2011年3月 (4)
2011年2月 (1)
2011年1月 (4)
2010年12月 (2)
2010年9月 (3)
2010年8月 (9)
搜索
最新评论
1. re: 为何无法访问微软网站--解决方案(转)
nice work,thx
--y.x.
2. re: 为何无法访问微软网站--解决方案(转)[未登录]
为什么可以呢?有什么影响吗?
--虎子
3. re: Windows 7 SP1无法安装oracle10g 11g的解决办法(转)
楼主说得真好,顶!
--catalpapril
4. re: PowerDesigner的一些常用设置及技巧(转帖)
mark
--asdf
5. re: 使用jQuery判断获取到的页面元素是否为空
帅哥,那个if ($("#tt").lenght > 0) 。。。。
这里貌似写错了
--yyq745201
阅读排行榜
1. PowerDesigner的一些常用设置及技巧(转帖)(9141)
2. 使用jQuery判断获取到的页面元素是否为空(7637)
3. Flex4 滚动条沉底[转](2610)
4. PowerDesigner中如何添加约束(1675)
5. 为何无法访问微软网站--解决方案(转)(1289)
评论排行榜
1. 为何无法访问微软网站--解决方案(转)(4)
2. Struts2对Action名称的搜索顺序(2)
3. PowerDesigner的一些常用设置及技巧(转帖)(1)
4. Windows 7 SP1无法安装oracle10g 11g的解决办法(转)(1)
5. 使用jQuery判断获取到的页面元素是否为空(1)