BOM(瀏覽器物件模型)的一些操作

2022-09-16 08:57:08 字數 2144 閱讀 8218

乙個完整的j**ascript實現由三部分組成:

bom提供了很多物件,用於訪問瀏覽器的功能,以下逐一介紹:

window物件是bom的核心物件,在瀏覽器中window物件有兩個作用:①充當全域性作用域②表示瀏覽器視窗

①充當全域性作用域

所有在全域性作用域中宣告的變數、函式都會變成window物件的屬性和方法

var a =1;

alert(window.a);//1

function

fun()

window.fun();

//1

②表示瀏覽器視窗

視窗關係及框架 如果頁面中包含框架,則每個框架都擁有自己的window物件,並且儲存在frames集合中。在frames集合中可以通過陣列索引或者框架名稱來訪問相應的window物件  如:window.frames[0]

顯示」列印「對話方塊  window.print();

location物件提供了與當前視窗中載入的文件的url有關的資訊;通過訪問location的不同的屬性可以訪問url中不同的片段資訊

n**igator物件的屬性通常用於監測顯示網頁的瀏覽器的型別。每個瀏覽器中的n**igator物件都有一套自己的屬性,以下列出部分屬性:

//

每個屬性的值根據所用的瀏覽器的不同而不同

//netscape

//language 瀏覽器的主語言

document.write(n**igator.language+"

");//

zh-cn

//online 表示是否連線到了網際網路

document.write(n**igator.online+"

");//

true

//platform 瀏覽器所在的系統平台

document.write(n**igator.platform+"

");//

win64

//useragent 瀏覽器的使用者**字串

document.write(n**igator.useragent+"

");//

mozilla/5.0 (windows nt 6.1; win64; x64; rv:58.0) gecko/20100101 firefox/58.0

screen物件用處不大,基本上只用來表示客戶端的能力,其中包括瀏覽器視窗外部的顯示器的資訊,如畫素寬度和高度等。以下列出部分屬性:

1

//每個屬性的值根據所用的裝置不同而不同2//

**ailheight 螢幕的畫素高度減系統部件高度之後的值

3 document.write(screen.**ailheight);//

104045

//height螢幕的畫素高度

6 document.write(screen.height);//

108078

//**ailwidth螢幕的畫素寬度減系統部件寬度之後的值

9 document.write(screen.**ailwidth);//

1920

1011

//width螢幕的畫素寬度

12 document.write(screen.width);//

1920

1314

//colordepth用於表示顏色的位數

15 document.write(screen.colordepth);//

24

go()方法可以在使用者的歷史記錄中任意跳轉

history.go(-1);//後退一頁

history.go(1);//前進一頁

history.go(2);//前進兩頁

back()方法模擬瀏覽器的「後退」按鈕

history.back();//後退一頁

forward()方法模擬瀏覽器的「前進」按鈕

history.forward();//前進一頁

history也不常用,在建立自定義的「後退」和「前進」按鈕時經常使用到。

history還有個length屬性,儲存著歷史記錄的數量。當頁面的url改變時,就會生成一條歷史記錄。

BOM操作(瀏覽器物件模型)

瀏覽器物件模型 bom 所有瀏覽器都支援 window 物件。它表示瀏覽器視窗 全域性變數是 window 物件的屬性,全域性函式是 window 物件的方法。用於獲得當前頁面的位址 url 並把瀏覽器重定向到新的頁面 document.write location.href 輸出當前頁面的url ...

BOM瀏覽器物件模型

bom能做什麼 操作瀏覽器視窗 提供導航物件 提供定位物件 提供跟螢幕相關物件 提供對 cookie 的支援 window物件 開啟瀏覽器後麻黃素那個建立window物件,代表整個視窗 作用 操作視窗 moveby dx,dy 移動指定的距離 moveto x,y 移動到指定位置 resizeby ...

瀏覽器物件模型 BOM

bom的核心物件是window物件,其他物件都是window物件的子物件 一 瀏覽器物件模型 二 window物件 屬性 1.位置型別 瀏覽器距離螢幕的距離 ie chrome alert window.screenleft alert window.screentop ff chrome aler...