JavaScript——操作BOM对象

BOM：浏览器对象模型

windows对象

Window 对象表示浏览器中打开的窗口，Window 对象还实现了核心 JavaScript 所定义的所有全局属性和方法

window对象使用

window.alert("跨年晚会")
undefined
window.innerHeight 窗口内高
137
window.innerWidth 窗口内宽
1360
window.outerHeight 窗口外高
768
window.outerWidth 窗口外宽
1496

navigator对象

封装了浏览器的信息（不常用，因为会被人为修改）

navigator.appName  //浏览器名称
"Netscape"
navigator.appVersion  //浏览器版本
"5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.25 Safari/537.36 Core/1.70.3706.400 SLBrowser/10.0.4040.400"
navigator.userAgent  //声明了浏览器用于 HTTP 请求的用户代理头的值
"Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.25 Safari/537.36 Core/1.70.3706.400 SLBrowser/10.0.4040.400"

Screen对象

包含有关客户端显示屏幕的信息。

//屏幕尺寸
screen.height
864 px
screen.width
1536 px

Location对象

代表当前页面的URL信息

//信息
host: "www.bilibili.com"  主机
href: "https://www.bilibili.com/"  当前位置
protocol: "https:" 协议
//方法
reload: ƒ reload()  刷新网页
//设置新的链接地址,然后定位到新链接
location.assign('https://mp.csdn.net/console/home?spm=1001.2101.3001.4503')

document对象

代表当前页面，每个载入浏览器的 HTML 文档都会成为 Document 对象。

查询和新修改页面标题
document.title
"首页-CSDN博客"
document.title="万里顾一程"
"万里顾一程"

获取具体的文档树节点
<dl id="app">
    <dt>Java</dt>
    <dd>JAVAEE</dd>
    <dd>JAVASE</dd>
</dl>
<script>
    var dl = document.getElementById('app');
</script>

获取cookie（储存在用户本地客户端上的数据）

document对象可以设置或返回与当前文档有关的所有 cookie
document.cookie

在这里插入图片描述

history对象

History 对象包含用户（在浏览器窗口中）访问过的 URL

//方法
back()	加载 history 列表中的前一个 URL。
forward()	加载 history 列表中的下一个 URL。

JavaScript——操作BOM对象

JavaScript——操作BOM对象

猜你喜欢