javascript操作BOM对象

2022/1/13 14:03:40

本文主要是介绍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对象的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程