BOM 瀏覽器物件模型

console.log(window.name);//是空----特殊地方在於js是動態類的語言,正常結果乙個是undefined

console.log(window.type);//undefined

console.log(top);//輸出得是window物件

console.log(window);//和上面一樣,是等價的
console.log(window===top);//true

<

script
>
window.alert("哈哈
");//彈出警告框,一般用於測試,使用者體驗不好
window.prompt(
"請輸入內容");
//用於接受使用者輸入的資料
window.confirm(
"你確認嗎?");
//返回值有兩個true和false
//這些系統對話方塊在不同的瀏覽器裡呈現的樣式不一樣,無法統一
script
>

<

script
>
//1. widow.onload-------頁面載入完成後才觸發執行
//一般的頁面載入都是從上而下,比如獲取document.getelementbyid(),必須先有這個id才能夠獲取,所以必須先定義在獲取
//這個方法可以把放在任何位置,因為它是頁面載入完畢後才觸發的
window.onload
=function
()        }
//2. window.onunload------頁面關閉後觸發事件
頁面關閉之前觸發事件
script
>

<

script
>
//屬性1:window.location.hash------->#及後面的內容
//屬性2:window.location.host------->主機及埠號
//屬性3:window.location.hostname------->主機名
//屬性4:window.location.pathname------->檔案路徑(相對路徑)
//屬性5:window.location.port------->埠號
//屬性6:window.location.protocl------->協議(比如http)
//屬性7:window.location.search------->搜尋的內容
//方法1:window.location.href="**"------>跳轉頁面
//方法2:window.location.assign("**")------>跳轉頁面(同上)
//方法3:window.location.replace("**")----->跳轉頁面,沒有歷史記錄
script
>

<

input 
type
="button"
value
="跳轉頁面1"
id="btn1"
>
<
script
>
document.getelementbyid(
"btn1
").onclick
=function
();    
script
>
<
input 
type
="button"
value
="跳轉頁面2"
id="btn2"
>
<
script
>
document.getelementbyid(
"btn2
").onclick
=function
();    
script
>
<
input 
type
="button"
value
="跳轉頁面3"
id="btn3"
>
<
script
>
document.getelementbyid(
"btn3
").onclick
=function
();    
script
>

<

script
>
向前跳轉
向前跳轉,等同於上面
向後跳轉
//注意,這幾個方法都必須產生了歷史記錄才可以向前或向後跳轉網頁
script
>
<
input 
type
="button"
value
="前進"
id="btn1"
>
<
input 
type
="button"
value
="後退"
id="btn2"
>
<
script
>
document.getelementbyid(
"btn1
").onclick
=function
();        document.getelementbyid(
"btn2
").onclick
=function
();    
script
>

<

script
>
>獲取系統型別
console.log(window.n**igator.platform);
//win32
>獲取瀏覽器型別
console.log(window.n**igator.useragent);
//script
>

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