[JS]13.操作BOM对象

最新推荐文章于 2024-05-17 13:52:13 发布

MyLight1109

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量193

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46285081/article/details/119189640

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

BOM：浏览器对象模型

常见浏览器

IE
Chrome
Safari
FirFox

window(重要)

window代表浏览器窗口
可以获取浏览器窗口的长宽
在这里插入图片描述

Navigator

Navigator封装了浏览器的信息
在这里插入图片描述
大多数时候我们不会使用此对象，因为人为可以修改！

screen

代表电脑屏幕的尺寸
在这里插入图片描述

location(重要)

location代表当前页面的URL信息

host: "www.baidu.com"
href: "https://www.baidu.com/?tn=98010089_dg&ch=14"
protocol: "https:"

reload: ƒ reload() //刷新网页

location.assign('http://www.mylight1109.cn/');//设置新的网址

document

document代表当前页面，HTML,DOM文档树
在这里插入图片描述

获取具体的文档树节点

<body>

<dl id = "app">

    <dt>Java</dt>
    <dd>JavaSE</dd>
    <dd>JavaEE</dd>

</dl>

<script>
    var dl = document.getElementById("app");
</script>

</body>

可以看到dl的值
在这里插入图片描述
获取cookie

history(不建议使用)

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

MyLight1109

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[JS]13.操作BOM对象

BOM：浏览器对象模型常见浏览器IEChromeSafariFirFoxwindow(重要)window代表浏览器窗口可以获取浏览器窗口的长宽NavigatorNavigator封装了浏览器的信息大多数时候我们不会使用此对象，因为人为可以修改！screen代表电脑屏幕的尺寸location(重要)location代表当前页面的URL信息host: "www.baidu.com"href: "https://www.baidu.com/?tn=98010089_dg
复制链接

扫一扫