學無止境
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 閱讀(475) |
評論 (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的一些常用設置及技巧(轉帖)(9181)
2.?使用jQuery判斷獲取到的頁面元素是否為空(7643)
3.?Flex4 滾動條沉底[轉](2621)
4.?PowerDesigner中如何添加約束(1700)
5.?為何無法訪問微軟網站--解決方案(轉)(1312)
評論排行榜
1.?為何無法訪問微軟網站--解決方案(轉)(4)
2.?Struts2對Action名稱的搜索順序(2)
3.?PowerDesigner的一些常用設置及技巧(轉帖)(1)
4.?Windows 7 SP1無法安裝oracle10g 11g的解決辦法(轉)(1)
5.?使用jQuery判斷獲取到的頁面元素是否為空(1)
Copyright ©2025 wawlian Powered By
博客園
模板提供:
滬江博客
主站蜘蛛池模板:
德钦县
|
磐石市
|
清苑县
|
谢通门县
|
永德县
|
尤溪县
|
安溪县
|
浏阳市
|
晋州市
|
江永县
|
钟山县
|
盐津县
|
伊吾县
|
马边
|
沈阳市
|
日照市
|
肇庆市
|
丹江口市
|
临高县
|
蛟河市
|
清苑县
|
新化县
|
芦溪县
|
察哈
|
西乌
|
会同县
|
博野县
|
仁寿县
|
新沂市
|
东城区
|
古田县
|
左权县
|
洪江市
|
澄城县
|
绥棱县
|
宜章县
|
遵义县
|
井陉县
|
泽州县
|
杨浦区
|
闸北区
|