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