JS面向浏览器对象的编程方法

本文介绍了JavaScript中的BOM(Browser Object Model)浏览器对象模型,详细讲解了window对象的属性和方法,如window.innerWidth/innerHeight获取窗口尺寸,location、history对象,以及onload、onscroll、onresize等事件属性。还提到了常用的window对象方法,如alert、confirm、prompt对话框,scrollTo滚动定位,setInterval和setTimeout定时器,open和close窗口操作。
摘要由CSDN通过智能技术生成

一、BOM(Browser Object Model)浏览器对象模型,js中一整套操作浏览器对象的属性和方法。BOM对象不能自己创建,浏览器会在文档加载进内存时自动创建
window对象(浏览器窗口)
1、windows对象属性:
window.innerWidth 用来获取当前浏览器窗口的宽
window.innerHeight 用来获取当前浏览器窗口的高
window.location(对象类型):有两个属性

location.href:可以用来获取地址栏,也可以修改地址栏,完成跳转 (与a标签的跳转属性相比,它能通过js进行跳转地址的动态修改)
location.reload():用来进行页面的刷新。
参数: boolean类型,不填即为默认false
  true:使用本地缓存(相当于f5);false(相当于ctrl+f5):不使用缓存,向服务器端直接请求;

window.history(对象类型):用于浏览器页面的前进后退。

history.back();//等价于点击浏览器窗口的后退按钮
history.forward(); //等价于点击浏览器窗口的前进按钮
history.go() 函数 -- 前进或后退指定的页面数(负数后退,正数前进)
history.length 表示当前浏览器窗口一共访问过多少页面

window.onload(事件属性):当浏览器窗口的内容(网页)加载完毕(网页显示完毕),执行函数里的功能
window.onscroll(事件属性):当浏览器窗口滚动时&

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值