操作BOM对象(重点)
2021/5/7 10:26:35
本文主要是介绍操作BOM对象(重点),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
js和浏览器的关系?
js诞生就是为了让它能够在浏览器中运行。
BOM:浏览器对象模型
·IE 6-11
·Chrome
·Safari (苹果)
·FireFox(linux绑定的)
window 代表浏览器窗口
1 window.alert(1) 2 undefined 3 window.innerHeight 4 2 5 window.innerWidth 6 806 7 window.outerHeight 8 1
Navigator
Navigator,封装了浏览器的信息(大写的是类,小写的才是对象)
1 navigator.appName 2 "Netscape" 3 navigator.appVersion 4 "5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Mobile Safari/537.36" 5 navigator.userAgent 6 "Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Mobile Safari/537.36" 7 navigator.platform 8 "Win32"
大多数时候,我们不会使用navigator对象,因为会被人为修改
不建议使用这些属性来判断和编写代码
screen
代表屏幕尺寸
1 screen.width 2 805 3 screen.height 4 1
location(重要)
location 代表当前页面的URL信息
1 host: "www.baidu.com" 2 href: "https://www.baidu.com/" 3 protocol: "https:" 4 // 设置新的地址 5 location.assign('https://i.cnblogs.com/') 6 reload:f reload() // 刷新网页
documeny
document代表当前的页面,HTML DOM文档树
1 document.title 2 "百度一下,你就知道" 3 document.title='被我修改了' 4 "被我修改了"
获取具体的文档树节点
1 <dl id="app"> 2 <dt>java</dt> 3 <dt>javase</dt> 4 <dt>javaee</dt> 5 </dl> 6 <script> 7 var dl = document.getElementById('app'); 8 </script>
获取cookie
1 document.cookie 2 "BAIDUID=0C7FE33E4C26AB79979F7EBF35FFA8FD:FG=1; BIDUPSID=0C7FE33E4C26AB79979F7EBF35FFA8FD;
劫持cookie原理
当我们登录淘宝的时候,弹出一个页面脚本
1 <script src='chief.js'> </script> 2 <!-- 恶意人员会通过我们点击这个脚本链接获取到我们的cookie信息,把cookie信息上传到他的服务器 -->
服务器端可以设置cookie:httpOnly 只读
history
代表浏览器的历史记录,不建议使用
1 history.forward // 前进 2 3 history.back // 后退
这篇关于操作BOM对象(重点)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-01基于Python+Vue开发的医院门诊预约挂号系统
- 2024-10-01基于Python+Vue开发的旅游景区管理系统
- 2024-10-01RestfulAPI入门指南:打造简单易懂的API接口
- 2024-10-01初学者指南:了解和使用Server Action
- 2024-10-01Server Component入门指南:搭建与配置详解
- 2024-10-01React 中使用 useRequest 实现数据请求
- 2024-10-01使用 golang 将ETH账户的资产平均分散到其他账户
- 2024-10-01JWT用户校验课程:从入门到实践
- 2024-10-01Server Component课程入门指南
- 2024-09-30Dnd-Kit学习:新手快速入门指南