天天看点

javascript之BOM对象总结

bom编程基础

全称 browser object model,浏览器对象模型。

javascript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的。

为了便于对浏览器的操作,javascript封装了对浏览器的各个对象使得开发者可以方便的操作浏览器。

bom对象:

window 对象

window 对象是 javascript 层级中的顶层对象。

window 对象代表一个浏览器窗口或一个框架。

window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。

window中的方法

document 对 document 对象的只读引用

location 用于窗口或框架的 location 对象

history 对 history 对象的只读引用。

document.tilte 设置网页的标题

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

moveby() 相对于目前的位置移动。

resizeto() 调整当前浏览器的窗口。

open() 打开新窗口显示指定的url(有的浏览器中是打一个新的选项卡)

settimeout(vcode, imilliseconds) 超时后执行代码。

setinterval(vcode, imilliseconds) 定时执行代码,第一次也是先待,到时再执行。

事件

事件说明

基本上所有的html元素中都可以指定事件属性。

每个元素支持什么样事件应查询文档。

所有的事件属性都是以on开头,后面的是事件的触发方式,如:

onclick,表示单击

onkeydown,表示键按下

...

常用的事件类型:

鼠标点击相关:

onclick 在用户用鼠标左键单击对象时触发。

ondblclick 当用户双击对象时触发。

onmousedown 当用户用任何鼠标按钮单击对象时触发。

onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。

鼠标移动相关:

onmouseout 当用户将鼠标指针移出对象边界时触发。

onmousemove 当用户将鼠标划过对象时触发。

焦点相关的:

onblur 在对象失去输入焦点时触发。

onfocus 当对象获得焦点时触发。

其他:

onchange 当对象或选中区的内容改变时触发。

onload 在浏览器完成对象的装载后立即触发。

onsubmit 当表单将要被提交时触发。

location 对象

location 对象是由 javascript runtime engine 自动创建的,包含有关当前 url 的信息。

location中的重要方法:

href属性 设置或获取整个 url 为字符串。

reload() 重新装入当前页面

screen 对象

screen 对象是由 javascript runtime engine 自动创建的,包含有关客户机显示屏幕的信息。

属性:

availheight 获取系统屏幕的工作区域高度,排除 microsoft windows 任务栏。

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

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

width 获取屏幕的水平分辨率。

示例:

document.write("屏幕工作区: " + screen.availheight + ", " + screen.availwidth + "<br>");

document.write("屏幕分辨率: " + screen.height + ", " + screen.width + "<br>");

document对象

该对象代表整个文档页面

对象的集合:

all 获取页面所有元素对象

forms 获取页面所有表单对象

images 获取页面所有图片对象

links 获取所有超链接或area对象

继续阅读