BOMBrowser Object Model
window瀏覽器窗口
window方法
location
location常用屬性
screen顯示器屏幕
screen常用屬性
navigator瀏覽器軟件
navigator常用屬性
history瀏覽歷史
history常用屬性
history常用方法
主要包括以下幾個:
window(瀏覽器窗口)
瀏覽器窗口對象,主要屬性有:
name:指瀏覽器窗口的名字或框架的名字。這個名字是給a標記的target屬性來用的。設置窗口的名字:window.name = “newWin” 獲取窗口的名字:document.write(name);
top:代表最頂層窗口。如:window.top
parent:代表父級窗口,主要用於框架。
self:代表當前窗口,主要用於框架中。
innerWidth:指瀏覽器窗口的內寬(不含菜單欄、工具欄、地址欄、狀態欄),該屬性chrome支持。
在IE下,使用
document.documentElement.clientWidth 來代替 window.innerWidth
1
innerHeight:指瀏覽器窗品的內高(不含菜單欄、工具欄、地址欄、狀態欄),該屬性chrome支持。
在IE下,使用
document.documentElement.clientHeight 來代替
window.innerHeight
1
2
3
舉例:
document.documentElement 就是html標記對象
document.body 就是標記對象
window方法
alert():彈出一個警告對話框。
prompt([text],[defaulttext]):彈出一個輸入對話框。
confirm(text):彈出一個確認對話框。如果單擊“確定按鈕”返回true,如果單擊“取* * 消”返回false。 text:要顯示的純文本
close():關閉窗口
print():打印窗口
open([url],[name],[options]):打開一個新窗口
延時器:window.setTimeout(“code”,1000);// code一般是一個函數,但是放在雙引號下,1000ms
返回值是延時器的id,給clearTimeout使用
定時器:window.setInterval(“code”,1000);// code一般是一個函數,但是放在”“下,1000ms
返回值是定時器的id,給clearInterval使用
location
location常用屬性
href:獲取地址欄中完整的地址。可以實現JS的網頁跳轉。location.href = “http://www.sina.com.cn”;
host:主機名
hostname:主機名
pathname:文件路徑及文件名
search:查詢字符串。
protocol:協議,如:http://、ftp://
hash:錨點名稱。如:#top
reload([true]):刷新網頁。true參數表示強制刷新
注意:所有的屬性,重新賦值后,網頁將自動刷新
screen(顯示器屏幕)
screen常用屬性:
Width:屏幕的寬度,只讀屬性。
Height:屏幕的高度,只讀屬性。
availWidth:屏幕的有效寬度,不含任務欄。只讀屬性。
availHeight:屏幕的有效高度,不含任務欄。只讀屬性。
navigator(瀏覽器軟件)
navigator常用屬性:
appName:瀏覽器軟件名稱,主要用來判斷客戶使用的是什么核心的瀏覽器。
如果是IE瀏覽器的話,返回值為:Microsoft Internet Explorer
如果是Firefox瀏覽器的話,返回值為:Netscape
appVersion:瀏覽器軟件的核心版本號。
systemLanguage:系統語言
userLanguage:用戶語言
platform:平台
history(瀏覽歷史)
history常用屬性
length:歷史記錄的個數
history常用方法
go(n):同時可以實現“前進”和“后退。”
1. history.go(0) 刷新網頁
2. history.go(-1) 后退
3. history.go(1) 前進一步
4. history.go(3) 前進三步
forward():相當於瀏覽器的“前進”按鈕
back():相當於瀏覽器的“后退”按鈕
版權聲明:本文為博主原創文章,轉載請附上博文鏈接!