BOM常用的4個物件
BOM:瀏覽器物件模型,JS與瀏覽器互動的介面
一.window物件
全域變數會變成window的屬性
window.innerWidth : 視窗內寬 ( 包含滾動條的 )
window.outerWidth : 視窗外寬 ( 指的是 --- 別全屏,會有一些陰影,邊框部分 )
document.documentElement.clientWidth : 視窗內寬( 不含滾動條的--這個用得比較多 )
當視窗大小改變之后,會觸發resize事件,我們可以使用window.onresize事件
二.navigator物件 -- 指南針,領航員的意思
console.log('瀏覽器品牌', navigator.appName);
console.log('瀏覽器版本', navigator.appVersion);
console.log('用戶代理', navigator.userAgent);
console.log('作業系統', navigator.platform);
三.history物件 提供了操作瀏覽器會話歷史
常用的就是
history.back(); 點擊瀏覽器回退按鈕
history.go( -1 ); 跟上面的一樣的
超級鏈接簡單寫法
<a href=' javascript: history.back( ) ; '>回退</a>
四.lacation物件
window.location 標識 當前所在網址,可以通過這個屬性進行頁面跳轉
window.location = ' http://www.baidu.com '
window.location.href = ' http://www.baidu.com ' 一樣操作
window.location.reload( true ) 寫上true: 表示強制從服務器強制加載 常用的
window.location.search 屬性即為當前瀏覽器的GET請求查詢引數
比如: http://www.baidu.com/?a=1 & b=2
console.log( window.location.search ) 得到 " ?a=1 & b=2 "
本文來自博客園，作者：楊建鑫，轉載請注明原文鏈接：https://www.cnblogs.com/qd-lbxx/p/15797228.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/412949.html
標籤：其他
上一篇：定時器
下一篇：影像處理技術（二）濾波去噪（上）