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对象的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-01后台管理开发学习:新手入门指南
- 2024-11-01后台管理系统开发学习:新手入门教程
- 2024-11-01后台开发学习:从入门到实践的简单教程
- 2024-11-01后台综合解决方案学习:从入门到初级实战教程
- 2024-11-01接口模块封装学习入门教程
- 2024-11-01请求动作封装学习:新手入门教程
- 2024-11-01登录鉴权入门:新手必读指南
- 2024-11-01动态面包屑入门:轻松掌握导航设计技巧
- 2024-11-01动态权限入门:新手必读指南
- 2024-11-01动态主题处理入门:新手必读指南