JavaScript是一種廣泛應(yīng)用于網(wǎng)頁開發(fā)的腳本語言,它的基本組成部分可以分為文檔對象模型(DOM)、瀏覽器對象模型(BOM)及JavaScript本身三個部分。其中,BOM是一個非常重要的組成部分,是專門為了操作瀏覽器本身而設(shè)計的。
BOM提供了許多處理瀏覽器的屬性和方法,如:對瀏覽器的前進、后退,控制瀏覽器窗口的大小,以及對Cookies的管理處理等等。
其中一個比較典型的案例是彈出窗口。下面是一個JavaScript的彈出窗口的簡單例子:
function openWindow(){ window.open("http://www.baidu.com","newWindow","width=400,height=400") }
這個例子中,openWindow()函數(shù)使用window.open()方法打開一個新窗口,打開的頁面是百度官網(wǎng)。第二個參數(shù) "newWindow" 定義了窗口的名稱。第三個參數(shù)是窗口的尺寸,由寬度和高度組成。
另一個例子是對瀏覽器的位置和大小進行控制。下面的例子演示了如何將瀏覽器窗口的寬度和高度設(shè)置為 500x500 像素,并且把窗口的位置設(shè)置在屏幕正中間:
window.moveTo(screen.width/2-250,screen.height/2-250); window.resizeTo(500,500);
這個例子是將窗口的位置設(shè)置在屏幕正中間(第一行代碼),并將窗口的大小設(shè)置為 500x500 像素(第二行代碼)。
除了控制瀏覽器窗口的屬性外,BOM還提供了許多其他有用的方法和屬性。另一個很常用的方法是confirm()方法,它可以在瀏覽器中彈出一個確認消息框,讓用戶判斷是否繼續(xù)執(zhí)行:
var result = confirm("確定提交?") if(result == true){ //用戶點擊“確定” } else { //用戶點擊“取消” }
這個例子中,confirm()方法會在瀏覽器中彈出一個確認消息框,詢問用戶是否確定提交。如果用戶點擊“確定”,則result的值為true;反之,則為false。開發(fā)人員通過判斷result的值,可以執(zhí)行相應(yīng)的操作。
以上是BOM的一些常見應(yīng)用,JavaScript的開發(fā)人員可以根據(jù)項目需要定制自己的BOM應(yīng)用,從而提高用戶體驗和網(wǎng)頁的交互性。