瀏覽器(BOM)物件的一些內建方法總結

2021-09-07 18:04:07 字數 1306 閱讀 3595

1、bom就是瀏覽器那端執行的**,dom就是伺服器那端操作html的**

2、記好bom的幾個物件,那就很好理解很多**了,也很好寫很多**了

bom的核心物件是window,它表示瀏覽器的乙個例項,它也是ecmascript規定的globle物件,也就是說網頁中任何乙個物件都是在window這個物件裡面的。如果有用到框架(frameset),那麼每個框架都有自己的window物件.

如下例子:

var  a = "666";

aler(a); //666

alert(window.a) //666

兩條alert都是彈出相同的結果。

提供了與當前視窗中載入的文件有關的資訊,還有一些導航功能,值得注意的是location既是window物件的屬性,又是document物件的屬性,既window.location和document.location 引用的是同乙個物件。

比較實用的方法是location.assign();

window.location = "";    //頁面跳轉到該**

location.href = ""; //頁面跳轉到該**

location.assign(""); //頁面跳轉到該**

前兩種方法其實底層也是呼叫了location.assign(),即三者結果是一樣的。

注:這三種方法跳轉之後可以通過後退按鈕返回到跳轉之前的頁面。

location.replace(""); //頁面跳轉到該**,跳轉之後不可返回前一頁面

該物件裡面儲存著瀏覽器的各種資訊,判斷瀏覽器的各種資訊就是從該物件裡的屬性來讀取,具體屬性如下圖:

該物件儲存著使用者上網的歷史記錄,從視窗被開啟的那一刻算起。出於安全考慮,開發人員不能知道使用者瀏覽過的**的具體url,但是我們可以通過下面方法在不知道具體歷史url的情況下控制使用者頁面前進或後退。

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

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

history.go("666"); //跳轉到距當前頁面最近的包含666字串的頁面,可能前進可能後退。

//下面這兩個方法對應history.go()的前進和後退。

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

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

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

乙個完整的j ascript實現由三部分組成 bom提供了很多物件,用於訪問瀏覽器的功能,以下逐一介紹 window物件是bom的核心物件,在瀏覽器中window物件有兩個作用 充當全域性作用域 表示瀏覽器視窗 充當全域性作用域 所有在全域性作用域中宣告的變數 函式都會變成window物件的屬性和方...

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...