js中的BOM
BOM的核心:window對象
bom:瀏覽器對象模型
window:是瀏覽器的一個實例,在瀏覽器中,window對象有雙重角色,它既是通過js訪問瀏覽器窗口的一個接口,有事ECMASCRIPT規定的Global對象
var?username="marry";
window.username="marry";
兩句相等,都是定義一個全局變量
全局變量和全局方法都被聲明定義在window對象上
window對象的方法
window.alert("content");
顯示帶有一段消息和一個確定按鈕的警告框
window.confirm("message");
顯示一個帶有指定信息和ok及取消按鈕的對話框
window.prompt("text,defaultText");
text:要在對話框中顯示的純文本
defaultText:默認的輸入文本
返回值:如果用戶單擊提示框的取消按鈕,則返回null,如果用戶單擊確定按鈕,則返回輸入字段當前顯示的文本
weindow.open(pageURL,name,parameters)
功能:打開一個新窗口或者已經命名的瀏覽器窗口
設置:width:窗口寬度,height:窗口高度,left:窗口x軸坐標,top:窗口y軸坐標,toolbar:是否顯示瀏覽器工具欄,menubar:是否顯示菜單欄,scrollbars:是否顯示滾動條,location:是否顯示地址字段,status:是否添加狀態欄?
window.close():關閉窗口
js是單線程的語言,單線程就是所執行的代碼必須按照順序
setTimeout(code,millisec)
功能:在指定的毫秒數后調用函數或計算表達式
clearTimeout(id_of_settimeout)
取消由setTimeout方法設置的timeout
setInterval(code,millisec)
每隔指定的時間執行一次代碼
clearInterval(id-of-setinterval)
功能:取消由setInterval方法設置的interval
location對象
location對象提供了與當前窗口中加載的文檔有關的信息,還提供了一些導航功能,它既是window對象的屬性,也是document對象的屬性
location.href
功能:返回當前加載頁面完整的URL
location.href與window.location.href等價
location.host:返回服務器地址和端口好
location.pathname:
location.port:返回rul中指定的端口號,如果沒有,返回空字符串
location.protocol:返回頁面使用的協議
location.search:返回url的查詢字符串.這個字符串以問號開頭
使用location.href="xxx.html"來進行跳轉,會在歷史記錄中生成心記錄
location.replace(url)來進行跳轉,不會在歷史記錄中生成新記錄
location.reload()有可能從緩存中加載
location.reload(true)從服務器重新加載
掌握BOM中的history對象
history.back()
功能:返回歷史記錄的上一步
說明:相當于使用了history.go(-1)
history.forward()
功能:回到歷史記錄的下一步
說明:相當于使用過了history.go(1)
Screen對象包括有關客戶端顯示屏幕的信息
screen.availWidth可用頁面寬
screen.availHeight可用頁面高
window.innerWidth窗口寬
window.innerHeight窗口高
Navigator對象:提供瀏覽器和系統的信息
UserAgent:用來識別瀏覽器名稱,版本,引擎以及操作系統等信息的內容????