javascript操作BOM对象

本文主要是介绍javascript操作BOM对象，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

浏览器介绍

IE、Chrome、Safari、FireFox、Opera（内核）

window对象（代表浏览器窗口）

window.alert(1) 
window.innerHeight //内部高度
150
window.innerWidth //内部宽度
1366
window.outerHeight //外部高度
728
window.outerWidth  //外部宽度
1366

Navigator对象

Navigator封装了浏览器信息

navigator.appName
'Netscape'
navigator.appVersion
'5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36'
navigator.userAgent
'Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36'
navigator.platform
'Win32'

大多数时候，我们不会去用Navigator对象，因为会被人为修改

Screen对象（代表屏幕对象）

screen.width
1366
screen.height
768

location对象

代表当前页面的url信息

assign: ƒ assign()
host: "www.baidu.com" //主机
hostname: "www.baidu.com"
href: "https://www.baidu.com/?tn=21002492_35_hao_pg" //当前跳转的位置
origin: "https://www.baidu.com"
pathname: "/"
port: ""
protocol: "https:"
reload: ƒ reload() //重新加载

location.assign()

括号里面写上指定的网址，就可以跳进去

document对象（文档树）

document.title = "你好世界" //改变网页标题
'你好世界'

document可以获得具体的文档树节点

document.getElementById("");

可以获得cookie

document.cookie

劫持cookie原理：写一段js可以劫持

可以获取你的cookie上传到他的服务器

history（不建议使用）

history.back //后退
history.forward //前进

这篇关于javascript操作BOM对象的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！