首页
学习
活动
专区
工具
TVP
发布

BOM编程

BOM编程

1.什么是BOM编程呢?

浏览器在加载一个html文件时,JavaScript引擎会把浏览器的各个部分的信息封装到对象中,浏览器会分为以下几个对象:

1)窗口对象:window对象

2)地址栏对象:location对象

3)历史记录栏对象:history对象

4)屏幕对象:screen对象

通过JavaScript引擎提供的这四个对象来操作浏览器就是BOM编程。

2.window对象代表了一个新开的窗口

它的常用方法有以下几个:

1)open()打开一个新的窗口

2)resizeTo()将窗口的大小改为指定的宽度和高度(指相对原本的窗口改变的指定的大小)

3)moveBy()指相对原来的窗口移动指定的x,y值

4)setInterval()每经过指定的毫秒之后就会执行指定的代码(无数次)

注意:使用window对象的任何属性与方法都可以省略

例如网页时钟:

在浏览器中显示如下(时间间隔为1秒)

5)setTimeout()经过指定的毫秒值后就会执行指定的代码(一次)

3.location对象

常见的属性方法有:

1).href属性: 代表的是地址栏的URL,可以获取和设置URL。URL表示统一资源定位符

2).reload方法: 刷新当前页面

举例如下:

浏览器中显示如下:

4.history对象

1).forward(): 前进到下一页

2).back(): 后退上一页

3).go(): 跳转到某页(正整数:前进 负整数:后退)

前进举例:

浏览器中显示如下:

5.screen对象

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

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

3).height 获取屏幕的垂直分辨率

4).width获取屏幕的水平分辨率

举例如下:

下次和大家分享DOM编程。

本文属于原创,如有转载,请标注原作者,版权归本公众号所有。如果你喜欢我写的文章请关注 java资源社区,欢迎大家继续关注本公众号的技术博文。如果您觉得这篇文章对你有所帮助的话,不妨点个赞哈,您的支持就是我坚持原创的动力~~

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180115G02FO500?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券