9 BOM (瀏覽器物件模型)

2022-04-29 14:45:09 字數 2650 閱讀 4962

js

三個部分:

1、ecmascript標準 ecma5 ecma6

2、bom browser object model 瀏覽器物件模型

3、dom 文件物件型別

window物件下的函式。

格式:window.alert(引數)

功能:彈出乙個警告框,並顯示,傳入的內容

【注】所有window開頭的函式,都可以省略window呼叫。

window.alert(123);

confirm

格式:window.confirm(引數)

功能:彈出乙個帶確定和取消的提示框

返回值:點選確定,返回true,點選取消,返回false

/*var res = confirm("我美麼?");

alert(res);*/

prompt

格式:window.prompt(引數)

引數:第乙個引數,面板上顯示的內容,第二個引數,輸入框預設值

功能:這是乙個帶輸入框的提示框

返回值:當點選確定,返回,輸入的內容。當點選取消,返回null。

/*var res = prompt("請輸入乙個數", 10)

console.log(res);*/

opener

【注】開啟當前視窗的父視窗

開啟乙個新視窗

父視窗:
開啟子視窗

子視窗
按鈕

window開頭的屬性也可以省略window

/*alert(window.history);

alert(history);*/

history物件

屬性:history.length 當前視窗歷史記錄中的條數

history.back() 返回上一條記錄

history.forward() 前進到下一條記錄

history.go();

傳參: 0  重新整理  

正數 前進該條數的記錄

負數 返回該條數的記錄

// alert(history.length);

function btnback()

function btnforward()

function btngo()

前進後退go

// alert(window.location === window.document.location);

【注】上述,無論通過任何方式訪問到location物件都是同乙個。

location物件的屬性

location 物件 視窗上的位址列

url 統一資源定位符。 快遞單

完整的url的格式:

協議://主機名:埠號/路徑?查詢字串#錨點

protocol 協議

*/

// alert(location.protocol);

hostname
www.baidu.com    網域名稱  是為了好記給ip起的別名

61.135.169.125 ip 全球範圍內你使用的網路,唯一的標識。

port 埠號 當前電腦的軟體在使用軟體的時候,會隨機分配乙個埠號。

瀏覽器埠號:8080

ftp:2020

// alert(location.hostname);

// alert(location.port);

// alert(location.host);

ip:埠號

pathname 路徑名

// alert(location.pathname);
search 查詢字串
?username=tian&password=123     

// alert(location.search);

hash 錨點 #100
alert(location.hash);
var id = settimeout(函式名, 毫秒數)

引數:1、函式名

2、毫秒數

返回值:該延時器的id

【注】延遲對應毫秒數以後去執行一次函式,有且僅執行一次。

cleartimeout(id)

功能:清除延時器。

取消掉

0%

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

BOM 瀏覽器物件模型

延時器 var timerid settimeout cleartimeout timerid 定時器 var timerid setinterval clearinterval timerid 延時器延時一段時間執行一次 定時器 間隔一段時間不停的執行,想要停止,手動呼叫clearinterval...