JavaScript是一種腳本語言，被廣泛應用于網(wǎng)頁的前端開發(fā)。其中，BOM和DOM是最常用的兩個模塊，BOM負責與瀏覽器的交互，而DOM則負責網(wǎng)頁結構的操作。接下來，我們將一一介紹它們的作用和用法。

BOM（瀏覽器對象模型）是由瀏覽器提供的一組JavaScript API，主要用于與瀏覽器窗口進行交互，既可以獲取窗口的信息，也可以對窗口進行一定的控制。下面是一些BOM常用的方法：

//獲取窗口的高度和寬度
window.innerHeight; //窗口高度
window.innerWidth; //窗口寬度
//獲取瀏覽器的URL信息
window.location.href; //URL地址
window.location.hostname; //主機名稱
window.location.pathname; //路徑名
//打開新窗口
window.open("http://www.baidu.com");

DOM（文檔對象模型）是由網(wǎng)頁提供的一組JavaScript API，它可以將整個HTML頁面轉化為一個樹形結構，開發(fā)者可以通過DOM來操作這個樹形結構。下面是一些DOM常用的方法：

//獲取元素
var element = document.getElementById("element"); //查找id為"element"的元素
//修改元素屬性
element.innerHTML = "Hello World"; //修改元素的文本
//添加元素
var newElement = document.createElement("div"); //創(chuàng)建一個新的div元素
element.appendChild(newElement); //將元素添加到"element"元素的末尾
//刪除元素
element.removeChild(newElement); //刪除子元素"newElement"

在實際開發(fā)中，BOM和DOM的使用頻率很高。例如，當我們需要打開一個新窗口時，可以使用BOM的window.open()方法；當我們需要對頁面進行動態(tài)操作時，可以使用DOM的createElment()和appendChild()方法等。總之，學會BOM和DOM的用法將對JavaScript編程有很大的提升。

總結一下，BOM和DOM是JavaScript中兩個常用的模塊，它們分別負責與瀏覽器的交互和網(wǎng)頁結構的操作。在使用BOM和DOM時，我們應該熟悉它們提供的各種方法和屬性，并靈活運用它們來完成我們的任務。