BOM学习笔记

BOM学习笔记

BOM(browser object model)浏览器对象模型，javascript封装了浏览器对象使开发简单，也就是javascript利用bom快捷操作浏览器的各个属性

bom大致分为两方面，首先我们要找到浏览器的各个属性，所以有了对象，并且浏览器要相应我们的操作，所以有了各个事件

对象主要有window、location、screen、document
其中window总负责整个浏览器，包括位置、大小、弹出新的窗口都是window
location负责地址栏，就是显示网址的框
screen负责用户的显示器
document负责html文本

事件

常用的事件：
鼠标点击相关：
onclick 在用户用鼠标左键单击对象时触发。
ondblclick 当用户双击对象时触发。
onmousedown 当用户用任何鼠标按钮单击对象时触发。
onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。
鼠标移动相关：
onmouseout 当用户将鼠标指针移出对象边界时触发。
onmousemove 当用户将鼠标划过对象时触发。
焦点相关的：
onblur 在对象失去输入焦点时触发。
onfocus 当对象获得焦点时触发。
其他：
onchange 当对象或选中区的内容改变时触发。
onload 在浏览器完成对象的装载后立即触发。
onsubmit 当表单将要被提交时触发。

对象

地址栏对象(Location)
href : 设置以及获取地址栏的对象
reload() 刷新当前的页面

Screen(屏幕)对象
availHeight获取系统屏幕的工作区域高度，排除 Microsoft Windows 任务栏。
availWidth 获取系统屏幕的工作区域宽度，排除 Windows 任务栏。
height 获取屏幕的垂直分辨率。
width 获取屏幕的水平分辨率。

window对象常用的方法：
open() 打开一个新的窗口。
resizeTo() 将窗口的大小更改为指定的宽度和高度值。
moveBy() 相对于原来的窗口移动指定的x、y值。
moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。
setInterval() 每经过指定毫秒值后就会执行指定的代码。
clearInterval() 根据一个任务的ID取消的定时任务。
setTimeout() 经过指定毫秒值后执行指定 的代码一次。
注意： 使用window对象的任何属性与方法都可以省略window对象不写的。

BB几句：几天没更新博客了，android等暑假啦，再不学java好怕挂科，加油小伙子