天天看点

JavaScript——BOM知识BOM概述BOM对象 其他BOM对象 定时器 事件(Event对象)

<a href="http://files.jb51.net/file_images/article/201409/2014093009570524.gif" target="_blank"></a>

JavaScript——BOM知识BOM概述BOM对象 其他BOM对象 定时器 事件(Event对象)

BOM(浏览器对象模型,Browser Object Model),即可以将浏览器的各个部分抽象成对象在JavaScript中进行调用和完成特定的功能。比如对历史记录,地址栏,整个窗口等都可以进行操作。

<a></a>

调用方法时,可以使用"_name()"或者_name,不可以"_name"这样调用。

closed:返回窗口是否已被关闭。

document:对 Document 对象的只读引用。请参阅 Document 对象。

location:用于窗口或框架的 Location 对象。请参阅 Location 对象。

Navigator:对 Navigator 对象的只读引用。请参数 Navigator 对象。

opener:返回对创建此窗口的窗口的引用。

parent:返回父窗口。

screen:对 Screen 对象的只读引用。请参数 Screen 对象。

self:返回对当前窗口的引用。等价于 Window 属性。

status:设置窗口状态栏的文本。

top:返回最顶层的先辈窗口。

window:window 属性等价于 self 属性,它包含了对窗口自身的引用。

alert():显示带有一段消息和一个确认按钮的警告框。

confirm():显示带有一段消息以及确认按钮和取消按钮的对话框。

prompt():显示可提示用户输入的对话框。

open():打开一个新的浏览器窗口或查找一个已命名的窗口,通过返回值为子窗口对象,子窗口通过opener传递数据。

showModalDialog():打开一个新的浏览器模式窗口,通过参数和返回值传递数据。

close():关闭浏览器窗口。

focus():把键盘焦点给予一个窗口。

blur():把键盘焦点从顶层窗口移开。

setInterval():按照指定的周期(以毫秒计)来调用函数或计算表达式。

clearInterval():取消由 setInterval() 设置的 timeout。

setTimeout():在指定的毫秒数后调用函数或计算表达式。 

clearTimeout():取消由 setTimeout() 方法设置的 timeout。

frames[]:返回窗口中所有命名的框架。[]中可以是索引,也可以是name。

self指代本窗口,和window相同,parent指代父窗口,top指代顶层窗口。结构如图:

JavaScript——BOM知识BOM概述BOM对象 其他BOM对象 定时器 事件(Event对象)

父子传值-父.html:

父子传值-子.html:

效果:

JavaScript——BOM知识BOM概述BOM对象 其他BOM对象 定时器 事件(Event对象)

新窗口-父:

新窗口-子:

点击“请选择城市”弹出新网页,选择城市后新网页自动关闭,并将城市显示在原网页中。

JavaScript——BOM知识BOM概述BOM对象 其他BOM对象 定时器 事件(Event对象)

appName:返回浏览器的名称。

appVersion:返回浏览器的平台和版本信息。

cookieEnabled:返回指明浏览器中是否启用 cookie 的布尔值。

platform:返回运行浏览器的操作系统平台。

width:返回屏幕宽度。

height:返回屏幕高度。

back():加载 history 列表中的前一个 URL。

forward():加载 history 列表中的下一个 URL。

go():加载 history 列表中的某个具体页面。

href:设置或返回完整的 URL。

reload():重新加载当前文档。

跳转到相关网页。

定时器是Window对象中的方法,可以进行时间上的设定,在特定时间或者每隔一段时间运行特定功能。

setInterval(code, millisec)

code(必须):要调用的函数或要执行的代码串。

millisec(必须):周期性执行或调用 code 之间的时间间隔,以毫秒计。

clearInterval(id_of_setinterval)

id_of_setinterval:由 setInterval() 返回的 ID 值。

setTimeout():在指定的毫秒数后调用函数或计算表达式。

setTimeout(code, millisec)

code(必需):要调用的函数后要执行的 JavaScript 代码串。

millisec(必需):在执行代码前需等待的毫秒数。

clearTimeout():取消由 setTimeout() 方法设置的 timeout。clearTimeout(id_of_settimeout)id_of_settimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

注意:

setTimeout()只在指定时间后调用一次function,若想要循环多次调用,请使用递归。

随机数显示

效果(点击一次抽奖,再次点击停止)

JavaScript——BOM知识BOM概述BOM对象 其他BOM对象 定时器 事件(Event对象)

onclick:当用户点击某个对象时调用的事件句柄。

ondblclick:当用户双击某个对象时调用的事件句柄。

onmousedown:鼠标按钮被按下。

onmousemove:鼠标被移动。

onmouseout:鼠标从某元素移开。

onmouseover:鼠标移到某元素之上。

onmouseup:鼠标按键被松开。

clientX:返回当事件被触发时,鼠标指针的水平坐标。

clientY:返回当事件被触发时,鼠标指针的垂直坐标。

onkeydown:某个键盘按键被按下。

onkeypress:某个键盘按键被按下并松开。

onkeyup:某个键盘按键被松开。

onload:一张页面或一幅图像完成加载。

onunload:用户退出页面。

onfocus:元素获得焦点。

onblur:元素失去焦点。

输入框验证[正则验证在chrome,IE11中出现问题]

效果

JavaScript——BOM知识BOM概述BOM对象 其他BOM对象 定时器 事件(Event对象)

onsubmit:提交按钮被点击。

onreset:重置按钮被点击。

onsubmit和onreset都是针对表单说的,所以要写在表单标签内。

onsubmit和onreset事件调用格式必须是 return 方法名。

onsubmit的方法必须有个返回值。

onchange:用户改变域的内容。

<a href="http://blog.51cto.com/search/result?q=BOM" target="_blank">BOM</a>

继续阅读