學習筆記:客戶端物件層次(一):BOM
學習筆記:客戶端物件層次(一):BOM
===================================
CONTENT
客戶端物件層次
瀏覽器物件模型BOM
文件物件模型DOM以及0級DOM
Window物件
===================================
客戶端物件層次
self,window,
--- parent,top各種
| Window物件
|
|--- navigator
| Navigator物件
|
|--- frames[] --- forms[] --------elements[]
| Frames物件陣列 | Form物件陣列 HTML表單元素
| | objects:
當前- |--- location |--- anchors[] Button
視窗- | Location物件 | Anchor物件陣列 Checkbox
| | FileUpload
|--- history |--- links[] Hidden
| History物件 | Link物件陣列 Password
| | Reset
|----document ------|---- images[] Select -------options[]
| Document物件 | Images物件陣列 Submit Option物件陣列
| | Text
--- screen |---- applets[] Textarea
Screen物件 | applets物件陣列
|
---- embeds[]
嵌入物件陣列
瀏覽器物件模型BOM
以window為根節點的樹叫做瀏覽器物件模型。
文件物件模型DOM以及0級DOM
文件物件模型(Document Object Model,DOM)是表示文件和訪問、操作構成文件的各種元素的應用程式介面(API)。
在上面的BOM中以document為根節點的樹叫做0級DOM。它是標準DOM(1級DOM、2級DOM)中已經定義了的一系列的HTML專有API,並得到了大多數瀏覽器的支援。
Window物件
重要的window屬性有:
closed 一個布林值,只有當視窗被關閉時才為true。
defaultStatus,status 在瀏覽器狀態列中顯示的文字。
document 表在視窗中顯示的html文件。
frames[] 代表視窗中的各個框架(如果存在)。
navigator 代表包含瀏覽器總體資訊的navigator物件。
history 代表使用者瀏覽視窗的歷史。
location 代表在視窗中顯示的文件的url。設定這個屬性會引發瀏覽器裝載一個新的文件。
name 視窗的名稱。可被html標記的的target性質使用。
opener 對開啟當前視窗的window物件的引用。如果當前視窗被使用者開啟則它的值為null。
parent 如果當前視窗是框架,它就是對視窗中包含這個框架的引用。
self 自引用屬性,是對當前window物件的引用,與window屬性同義。
top 如果當前視窗是框架,它就是對包含這個框架的頂級視窗的window物件的引用。
window 自引用屬性,是對當前window物件的引用,和self同義。
重要的window方法有:
alert(),confirm(),prompt()
向使用者顯示簡單的對話方塊,confirm()和prompt()用於獲取使用者的響應。
close() 關閉視窗。
focus(),blur() 請求或放棄視窗的鍵盤焦點。focus()方法還通過把視窗提到堆疊順序的最前面,從而確保視窗可見。
moveBy(),moveTo() 移動視窗。
open() 開啟新的頂級視窗,用指定的特性顯示指定的url。
scrollBy(),scrollTo() 滾動視窗中的文件。
setInterval(),clearInterval()
設定或取消重複呼叫的函式,該函式在兩次呼叫之間有指定的延遲。
setTimeout(),clearTimeout()
設定或者取消在指定的延遲後要呼叫一次的函式。
===================================
CONTENT
客戶端物件層次
瀏覽器物件模型BOM
文件物件模型DOM以及0級DOM
Window物件
===================================
客戶端物件層次
self,window,
--- parent,top各種
| Window物件
|
|--- navigator
| Navigator物件
|
|--- frames[] --- forms[] --------elements[]
| Frames物件陣列 | Form物件陣列 HTML表單元素
| | objects:
當前- |--- location |--- anchors[] Button
視窗- | Location物件 | Anchor物件陣列 Checkbox
| | FileUpload
|--- history |--- links[] Hidden
| History物件 | Link物件陣列 Password
| | Reset
|----document ------|---- images[] Select -------options[]
| Document物件 | Images物件陣列 Submit Option物件陣列
| | Text
--- screen |---- applets[] Textarea
Screen物件 | applets物件陣列
|
---- embeds[]
嵌入物件陣列
瀏覽器物件模型BOM
以window為根節點的樹叫做瀏覽器物件模型。
文件物件模型DOM以及0級DOM
文件物件模型(Document Object Model,DOM)是表示文件和訪問、操作構成文件的各種元素的應用程式介面(API)。
在上面的BOM中以document為根節點的樹叫做0級DOM。它是標準DOM(1級DOM、2級DOM)中已經定義了的一系列的HTML專有API,並得到了大多數瀏覽器的支援。
Window物件
重要的window屬性有:
closed 一個布林值,只有當視窗被關閉時才為true。
defaultStatus,status 在瀏覽器狀態列中顯示的文字。
document 表在視窗中顯示的html文件。
frames[] 代表視窗中的各個框架(如果存在)。
navigator 代表包含瀏覽器總體資訊的navigator物件。
history 代表使用者瀏覽視窗的歷史。
location 代表在視窗中顯示的文件的url。設定這個屬性會引發瀏覽器裝載一個新的文件。
name 視窗的名稱。可被html標記的的target性質使用。
opener 對開啟當前視窗的window物件的引用。如果當前視窗被使用者開啟則它的值為null。
parent 如果當前視窗是框架,它就是對視窗中包含這個框架的引用。
self 自引用屬性,是對當前window物件的引用,與window屬性同義。
top 如果當前視窗是框架,它就是對包含這個框架的頂級視窗的window物件的引用。
window 自引用屬性,是對當前window物件的引用,和self同義。
重要的window方法有:
alert(),confirm(),prompt()
向使用者顯示簡單的對話方塊,confirm()和prompt()用於獲取使用者的響應。
close() 關閉視窗。
focus(),blur() 請求或放棄視窗的鍵盤焦點。focus()方法還通過把視窗提到堆疊順序的最前面,從而確保視窗可見。
moveBy(),moveTo() 移動視窗。
open() 開啟新的頂級視窗,用指定的特性顯示指定的url。
print() 列印視窗或框架中內容,就像使用者點選了視窗工具欄中的列印按鈕一樣(只有netscape4和其後的版本以及ie5和其後的版本支援
該方法)。
resizeBy(),resizeTo() 調整視窗大小。scrollBy(),scrollTo() 滾動視窗中的文件。
setInterval(),clearInterval()
設定或取消重複呼叫的函式,該函式在兩次呼叫之間有指定的延遲。
setTimeout(),clearTimeout()
設定或者取消在指定的延遲後要呼叫一次的函式。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/12639172/viewspace-442633/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Redis學習筆記(十) 客戶端Redis筆記客戶端
- Golang 學習筆記(一) - HTTP 客戶端 - 基礎Golang筆記HTTP客戶端
- 比特幣學習筆記——————3、比特幣客戶端比特幣筆記客戶端
- Presto學習筆記——Go客戶端連線PrestoREST筆記Go客戶端
- 客戶端筆記客戶端筆記
- Golang 學習筆記(二) - HTTP 客戶端 - 使用 Client 型別Golang筆記HTTP客戶端client型別
- 一次獲取客戶端 IP 記錄客戶端
- Angular Universal 學習筆記 - 客戶端渲染和伺服器端渲染的區別Angular筆記客戶端伺服器
- 以太坊學習筆記————6、以太坊客戶端選擇與介紹筆記客戶端
- gRPC學習記錄(六)--客戶端連線池RPC客戶端
- SpringCloud 原始碼學習筆記2——Feign宣告式http客戶端原始碼分析SpringGCCloud原始碼筆記HTTP客戶端
- Promise 物件學習筆記Promise物件筆記
- 青芒 for Mac客戶端開發筆記Mac客戶端筆記
- 記一次flink入門學習筆記筆記
- 記一次eureka客戶端註冊失敗的問題客戶端
- 給客戶端同學的一份前端學習指南客戶端前端
- 學習筆記——物件方法整理筆記物件
- Neeto-Vue:我為了記筆記,手寫了一個為知筆記客戶端Vue筆記客戶端
- Python學習筆記5——一切皆物件Python筆記物件
- 前端學習筆記:通過H5頁面呼叫不同客戶端的原生頁面前端筆記H5客戶端
- 《golang筆記》第四篇-網路客戶端Golang筆記客戶端
- SharePoint Online 認證Net客戶端物件客戶端物件
- JavaScript客戶端document物件和window物件的區別JavaScript客戶端物件
- 【python 物件導向】 python物件學習筆記《1》Python物件筆記
- springCloud學習3(Netflix Hystrix彈性客戶端)SpringGCCloud客戶端
- [PyTorch 學習筆記] 3.2 卷積層PyTorch筆記卷積
- 雙層桶劃分學習筆記筆記
- 有道雲筆記 Windows 客戶端,複製貼上 BUG筆記Windows客戶端
- Flutter 開發一個 GitHub 客戶端OpenGit及學習總結FlutterGithub客戶端
- javascript 筆記03(建立物件/原型模式/js 繼承/BOM)JavaScript筆記物件原型模式JS繼承
- CAS學習筆記三:SpringBoot自動配置與手動配置過濾器方式整合CAS客戶端筆記Spring Boot過濾器客戶端
- 學習筆記(一)筆記
- gRPC 客戶端和服務端一次互動的全流程(九)RPC客戶端服務端
- 記筆記:C# Socket客戶端監聽伺服器端處理方案【同步】筆記C#客戶端伺服器
- 學習T-io框架,從寫一個Redis客戶端開始框架Redis客戶端
- Dubbo-go 原始碼筆記(二)客戶端呼叫過程Go原始碼筆記客戶端
- JavaWeb學習筆記後端部分JavaWeb筆記後端
- 記一次前後端資料加密的學習後端加密
- JS BOM篇(一)window物件JS物件