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资源社区,欢迎大家继续关注本公众号的技术博文。如果您觉得这篇文章对你有所帮助的话,不妨点个赞哈,您的支持就是我坚持原创的动力~~
领取专属 10元无门槛券
私享最新 技术干货