BOM
Window
是頂層物件，是BOM的核心（屬于BOM），是全域變數的父親
相關屬性
innerHeight 和 innerWidth（可視寬高）
parent
相關的方法（一般用來檢驗、測驗）
// window //物件
console.log(window); //window 物件 Window的建構式
//常用的彈窗方法及列印方法
console.error('錯誤') //以錯誤的形式列印
console.warn('警告') //以錯誤的形式列印
console.debug('測驗') //以錯誤的形式列印
console.info('資訊提示') //以錯誤的形式列印
彈窗的三個方法（一般用來檢驗、測驗）
//彈窗
window.alert('hello') //彈提示窗
var isTrue = confirm('你確認要洗掉嗎') //互動框 true確認 false取消 回傳
console.log(isTrue);
var str = prompt('請輸入你的手機號') //輸入框 他會有個輸入框讓你輸入回傳對應的你輸入的內容 （string的內容）
console.log(str);
改變視窗位置的方法move（好像很多瀏覽器都禁用）
//moveBy 一個是x軸的距離 y軸的距離 window.moveBy(100,100) //X+100 Y+100 //moveTo 一個x軸 一個y軸 window.moveTo(200,200) //X=200 Y=200
改變視窗大小resize()
//改變對應的視窗大小 window.resizeBy(200,200) //width+200 height+200 //resizeTo window.resizeTo(200,200) //width=200 height=200
查找東西方法（就像ctrl+F）
window.find()
find()
滾動欄位置的改變scorll
window.scrollBy(100,100) //原本的位置 x+100，y+100 window.scrollTo(500,500) //到達位置 x=500 y=500 //回到頂部
location物件
屬性
console.log(location.hash) //哈希 #后面帶的值 * console.log(location.host) //主機 域名 ip地址+埠號 console.log(location.hostname) //主機名 ip地址 （127.0.0.1表示本機地址和localhost是一樣的） console.log(location.protocol) //協議 用于通信 （基于tcp/ip）http（明文傳輸） https（安全）（加密過） console.log(location.port) //埠號 1--65525 （1-100的埠電腦占用了）http默認的埠80 https默認埠443 console.log(location.href) //鏈接的地址 也可以設定 console.log(location.search); //?后面帶的值 一般是get請求傳輸資料的時候 * console.log(location.origin); //跨域 console.log(location.pathname); //路徑名 獲取的除了協議和ip地址加埠號后面的東西
方法
頁面方法
//assign跳轉頁面
location.assign('http://www.baidu.com')
//replace替換頁面
location.replace('http://www.baidu.com')
//reload重新加載頁面
location.reload()//引數是boolean型別，只有ture（慢）或者false（快）
history物件！！
屬性
length 歷史頁面的個數
state 狀態存盤的物件
scrollRestoration 滾動欄恢復
方法
前進、后退、隨機（forward、back、go）
function fn(){//前進 ??
history.forward();
}
function fn2(){//后退??
history.back();
}
function fn3(){//去任意的歷史頁面
history.go(-1) //去任意頁面 0就是自己 小于0 后退 大于0前進
}
pushState、replaceState！！
//pushState
//常用來做 spa 單頁應用（s--單 p--頁 a--應用）
function fn4(){
//添加state的值 資料 "" 地址(會產生跨域問題)
history.pushState('jjj','','url')
//會改地址 但是不會重繪 推一個歷史頁面到歷史區 state設定進去
}
//replaceState
function fn6(){
//替換state
history.replaceState('hhh','','url')
//會改地址 但是不會重繪 在歷史區直接修改當前這個歷史頁面 state設定進去
}
screen物件
屬性
-
avaliHeight 可占用的最大高度
-
avaliWidth 可占用的最大寬度
-
avaliLeft 離螢屏左側的距離
-
avaliTop 離螢屏上方的距離
navigator物件
屬性
userAgent
（獲取用戶瀏覽器設定資訊，從而知道你用什么作業系統的電腦）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/501202.html
標籤：其他