DOM与BOM区别

本文介绍了BOM(浏览器对象模型)和DOM(文档对象模型)的概念。BOM包括window对象,如open()、setTimeout()等方法;location对象用于页面重载,screen对象提供屏幕尺寸信息。DOM则是关于文档节点的操作,在原生JS和Vue中都有应用。了解这两个模型对于前端开发者至关重要。
摘要由CSDN通过智能技术生成

看完概念还是知道的,毕竟代码这么多年。DOM即使是新手也是知道的,但是BOM这个学术语,只有看了解释,才知道是啥,至少对于我来说。

一 BOM(borwser Object  Model)

浏览器对象模型:使用对象描述了浏览器的各个部分的内容。

1.window :当前的窗口

open() 打开一个新的资源。

moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。

moveBy() 相对于当前的窗口移动指定的 x 和 y 偏移值(左上角)。

setInterval() 每隔指定的毫秒数指定指定的代码。

setTimeout() 经过指定毫秒数指定一次指定的代码。

2.地址栏对象 

location  (url地址栏对象)

常用方法有

href: 设置或获取整个 URL 为字符串。

reload() :重新加载页面地址。

3.屏幕对象

Screen(屏幕对象):获取电脑的屏幕的一些数据。

常用方法:

availHeight 获取系统屏幕的工作区域高度,排除 Microsoft® Windows® 任务栏。 

availWidth 获取系统屏幕的工作区域宽度,排除 Windows 任务栏。 

height 获取屏幕的垂直分辨率。 

width 获取屏幕的垂直分辨率。

二 DOM(Document Object  Model)

即节点

在原生JS里是name id 标签 ...

在Vue里是ref

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值