06.17-18:BOM编程

第一节 BOM编程

BOM:Browser Object Model,浏览器对象模型。

BOM编程: 在浏览器中,js代码是通过内嵌在浏览器中的javascript解释器来运行的。在浏览器加载页面的时候,如果页面中有js代码,js解释器会将浏览器的各个部分封装成对应的对象,然后通过访问这些对象的属性和方法来实现特定的功能,这就是BOM编程。

1.window对象

window对象是一个顶层对象,其中包含很多属性和方法,其中的属性也对应一些子对象:document,history,location,screen等等。

属性/方法

说明

history

历史记录对象

location

地址栏对象

document

文档对象

screen

客户窗口屏幕

event

事件对象(用于IE)

stauts

状态条

open

打开子窗口的方法

close

关闭窗口的方法

alert

消息提示框

prompt

输入提示框

confirm

确认框(确定或取消按钮)

2.history历史记录对象

history记录了用户在浏览器中的浏览器记录,通过history可以访问用户的浏览记录历史信息。对应于浏览器工具栏上的前进和后退按钮。

方法:

history.forward():前往下一页

history.back():返回上一页

history.go(索引):跳到某一页

 3.location地址栏对象

URL :统一资源占位符,定位符

Location 对象包含有关当前 URL 的信息。

Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。

 

window.location.href

改变当前页面的地址(有历史)

window.location.replace(页面)

替换当前页面的地址(无历史)

window.location.reload();

重新加载当前页面

4.window对象的常用方法 

window.alert();//弹出消息框
window.prompt();//输入消息框
window.confirm();//确认框
window.setTimeout(函数名,延时时间); //延迟指定时间(毫秒)调用一次函数
window.setInterval(函数名,延时时间); //每隔特定时间(毫秒),重复调用函数

   定时器方法

setTimeout(函数名,延时时间):延迟指定的时间后,执行一次函数

setInterval(函数名,延迟时间):每隔指定的延迟时间,就执行一次函数

 5.HTML页面常用事件

onclick:元素的单击事件

onload:页面加载完成事件

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值