javascript
javascript的DOM、BOM操作
?????? 首先，網(wǎng)頁是由一個(gè)一個(gè)xml的節(jié)點(diǎn)構(gòu)成，頁面加載成一刻樹狀。所以我們通過js操作元素的節(jié)點(diǎn)，對(duì)元素的增、刪、改、查，對(duì)元素的屬性、值、事件等操作屬于DOM操作（ document object model 文檔對(duì)象模型）。對(duì)瀏覽器框架窗口對(duì)象的操作屬于BOM操作（Browser Object Model 瀏覽器對(duì)象模型）。js里面還有語法、類型、語句、關(guān)鍵字、運(yùn)算符、對(duì)象等一些是ECMAScript。
BOM對(duì)象操作windows對(duì)象：
Window -對(duì)象是 JavaScript層級(jí)中的頂層對(duì)象，代表一個(gè)瀏覽器窗口或一個(gè)框架，會(huì)在 <body>或<frameset>每次出現(xiàn)時(shí)被自動(dòng)創(chuàng)建。在這里就只列舉一些主干操作。
window.innerHeight - 瀏覽器窗口的內(nèi)部高度
window.innerWidth - 瀏覽器窗口的內(nèi)部寬度
window.open() - 打開新窗口
window.close() - 關(guān)閉當(dāng)前窗口
window.moveTo() - 移動(dòng)當(dāng)前窗口
window.resizeTo() - 調(diào)整當(dāng)前窗口的尺寸....
window.event?-事件的狀態(tài)，例如觸發(fā)event對(duì)象的元素、鼠標(biāo)的位置及狀態(tài)、按下的鍵等等。event對(duì)象只在事件發(fā)生的過程中才有效。event的某些屬性只對(duì)特定的事件有意義
window.document -文檔對(duì)象，操作文檔的基礎(chǔ)對(duì)象
document.getElementById("id");根據(jù)id找最多找一個(gè)；
document.getElementByNames("name");根據(jù)name找，找出來的是數(shù)組；
document.getElementByTagNames("name")；根據(jù)表簽名找，找出來的是數(shù)組；
document.getElementByClassNames("name")；根據(jù)表classname找，找出來的是數(shù)組；
window.history -對(duì)象在編寫時(shí)可不使用 window 這個(gè)前綴，就是在html頁面里使用的時(shí)候不需要window這個(gè)前綴，用了的話有些瀏覽器可能會(huì)報(bào)錯(cuò)。
history.back() - 與在瀏覽器點(diǎn)擊后退按鈕相同
history.forward() - 與在瀏覽器中點(diǎn)擊按鈕向前相同
history.go(-1) - 回退到前一個(gè)頁面
window.screen -用戶屏幕信息
window.screen.availWidth - 可用的屏幕寬度
window.screen.availHeight - 可用的屏幕高度
window.navigator -瀏覽器的一些信息，用得比較多的也就是navigator.userAgent獲取該瀏覽器的代理信息，如果在使用過程中客戶端出現(xiàn)錯(cuò)誤，返回服務(wù)器攜帶這些信息做日志記錄，排除瀏覽器版本問題、兼容性等問題。
Window.external -一般用來添加收藏夾，貌似只能用于火狐和ie。。
Window.iframe -文檔包含框架（frame 或iframe標(biāo)簽），瀏覽器會(huì)為HTML文檔創(chuàng)建一個(gè)window對(duì)象，并為每個(gè)框架創(chuàng)建一個(gè)額外的window對(duì)象。
window.frames?-返回窗口中所有命名的框架
Window.parent?-父窗口（如果窗口是頂級(jí)窗口，那么parent==self==top）
Window.top -最頂級(jí)父窗口（有的窗口中套了好幾層frameset或者iframe）
Window.opener?-實(shí)際上就是通過window.open打開的窗體的父窗體
與消息框有關(guān)的方法：alert(String)、confirm(String)、prompt(String)
兩種定時(shí)器：setTimeout(code,latency) 和setInterval(code,period)
DOM操作：
1)DOM的HTML操作
2)DOM的CSS操作
3)DOM事件操作
4)DOM節(jié)點(diǎn)操作
總結(jié)
以上是生活随笔為你收集整理的javascript的DOM、BOM操作的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Redis数据库实现原理（划重点）
- 下一篇： gradle idea java ssm