JavaScript(BOM对象的操作)

最新推荐文章于 2025-12-02 21:41:05 发布

原创最新推荐文章于 2025-12-02 21:41:05 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

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

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');