操作BOM物件
阿新 • • 發佈:2020-08-05
操作BOM物件
目錄
1. 瀏覽器介紹
JavaScript和瀏覽器的關係
JavaScript的誕生就是為了能夠讓他能夠在瀏覽器中執行
BOM:瀏覽器物件模型
- IE 6~11
- Chrome
- Safari
- Firefox
- Opera
2. window
window代表瀏覽器視窗
window.alert(1) undefined window.innerHeight 448 window.innerWidth 1920 window.outerHeight 1040 window.outerWidth 1920
3. Navigator(不建議使用)
Navigator封裝了瀏覽器的資訊
navigator.appVersion "5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36" navigator.userAgent "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36" navigator.platform "Win32" navigator.appName "Netscape"
大多數時候,我們不會使用navigator物件,因為會被人為修改!
不建議使用這些屬性來判斷和編寫程式碼
4. screan
代表螢幕尺寸
screen.width
1920
screen.height
1080
5. location(重要)
location代表當前頁面的URL資訊
host: "www.baidu.com" href: "https://www.baidu.com/?tn=02003390_43_hao_pg" protocol: "https:" reload: ƒ reload() //重新整理網頁 //設定新的地址 location.assign('https://home.cnblogs.com/blog/')
6. document(內容:DOM)
document代表當期的頁面,HTML DOM文件樹
document.title
"百度一下,你就知道"
document.title = "巨集顏獲水" //改變當前頁面的title
"巨集顏獲水"
獲取具體的文件樹節點
<dl id="app">
<dt>Java</dt>
<dd>JavaSE</dd>
<dd>JavaEE</dd>
</dl>
<script>
var dl = document.getElementById('app');
</script>
獲取cookie
document.cookie
劫持cookie原理
www.taobao.com
<script src = "aa.js"></script>
<!--惡意人員:獲取你的cookie上傳到他的伺服器-->
伺服器端可以設定cookie: httpOnly
7. history(不建議使用)
代表瀏覽器的歷史記錄
//頁面的後退和前進
history.back()
history.forward()