JavaScript(BOM对象的操作)

Mordle_

于 2021-11-03 15:29:41 发布

阅读量95

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/fhuqw/article/details/121120979

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了浏览器对象模型(BOM)的基本概念及其主要组成部分，包括全局对象window、浏览器对象Navigator、屏幕对象screen、位置对象location及历史记录对象history。通过实例演示了如何使用这些对象进行网页操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

BOM对象的操作

- BOM：浏览器对象模型

BOM：浏览器对象模型

window

全局对象

window.alert(1);//弹窗警告
//获取浏览器窗口内外部边框数据
window.innerHeight;
window.innerWidth;
window.outerHeight
window.outerWidth;

Navigator

当前浏览器对象

navigator.appName//获取当前应用名
navigator.appVersion//获取浏览器版本信息

大多数时候，我们不会使用navigator对象，因为会被人为修改

screen

获取全屏幕属性

screen.width
screen.height

location

代表当前页面的URL信息

host: "editor.youkuaiyun.com"//主机
hostname: "editor.youkuaiyun.com"
protocol: "https:"//协议
href: "https://editor.youkuaiyun.com/"//指向
reload: ƒ reload()//刷新网页
\\设置新的地址
location.assign('https://blog.youkuaiyun.com/fhuqw?spm=1000.2115.3001.5343');