浏览器对象模型(BOM)是javaScript的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象
使用浏览器对象模型可以实现 与 HTML的交互,BOM是一个分层结构
window对象是整个BOM的核心,其次是document文档另外还有两个对象:地址对象 (location)和历史对象(history);
一:window对象的常用的 属性,方法和事件
属性
hisory:有关客户访问过的url的信息;
location:有关当前url的信息;
方法:
prompt():显示可提示用户输入的对话框
alert() :显示一个带有提示信息和一个确定按钮的警示对话框
confirm();显示一个带有提示信息,确定和取消按钮的对话框,返回true和false
close():关闭浏览器窗口
open():打开一个新的浏览器窗口,加载给定url所指定的文档
setTimeOut():在指定毫秒数后调用函数或计算表达式
setInterval();按照指定的周期(一毫秒计)来调用函数或表达式
window常用的事件:
onload:一个页面或一幅图像完成加载
onmouseover:鼠标指针移到某元素之上
onclick:鼠标单击某个对象
onkeydown:某个键盘按键 被按下
onchange:域的内容被改变
二: history对象
方法:back():加载history对象列表中的前一个url
forward():加载history对象列表中的后一个url
go(n):加载 history对象列表中的某个具体url,n>0装入历史列表中往前数的 第n个界面
n<0相反
三: location对象
属性:
host:设置或返回主机名和当前url的端口号
hostname:设置或返回当前url的主机名
href:设置或返回完整的url,常用通过 对此属性设置不同的网址,从而达到跳转 功能
方法:
reload():重新加载当前文档
replace():用新的文档替换当前文档
四 :document对象
属性:referrer:返回载入当前文档的url
url:返回当前文档的url
语法 :document.referrer当前文档如果不是通过超链接访问的,则document.referrer的值为null
document.url
document对象的常用方法 :
getElementById():返回对 拥有指定id的 第一个对象的引用
getElementsByName():返回带有 指定名称 的 对象的集合
getElementsByTagName():返回带有指定标签名的 对象的集合
wirte():向文档写文本,HTML表达式或JavaScript代码
五:javaScript内置对象
Date对象
语法:var 日期 实例=new Date(参数)
Date对象 的常用方法:
getDate():返回Date()对象的一个月中的每一天,为1~31
getDay(): 返回一星期 中的某一天 0~6
getHours():返回小时数:0~23
getMinutes():返回Date的对象的分钟数:0~59
getSeconds():返回Date对象的秒数:0~59
getMonth():返回Date的 月份 :0~11
getFullYear():返回Date的年份,其值为四位数
getTime():返回自某一时刻以来的毫秒数
Math对象
math对象的常用方法
ceil() 对数值 进行上舍入 Math.ceil(25.55)返回26
floor() 下舍入
round() 把数值四舍五入为最接近的数
random() 返回0~1中的随机数,如果希望返回的数值是一个范围内的数值 例如 var iNum = Math.floor(Math.random()*98+2)
表示随机抽取 2~98内的数
定时函数
1:setTimeOut()
语法:setTimeOut("调用的函数名称","等待的毫秒数") -- 返回ID值 可以用变量接收
2: setInterval()
语法:setInterval("调用的函数名称","周期性调用函数 之间间隔的毫秒数")-- 返回ID值 可以用变量接收
与他俩相对应的有clearTimeOut() 和 clearInterval()
clearTimeOut(setTimeout()返回的ID值)
clearInterval(setInterval()返回的ID值)