JavaScript之浏览器对象

- JS浏览器对象-window对象

1、window对象:
window对象是BOM的核心,window对象指当前的浏览器窗口
所有javascript全局对象,函数以及变量均自动成为window对象的成员
全局变量是window对象的属性
全局函数是window对象的方法
甚至HTML DOM的document也是window对象的属性之一
2、window尺寸:
window.innerHeight - 浏览器窗口的内部高度。
window.innerWidth - 浏览器窗口的内部高度

- JS浏览器对象-History对象

1、history对象:
    window.history对象包含浏览器的历史(url)的集合。
2、history方法:
    history.back() - 与在浏览器点击后退按钮相同
    history.forward() - 与在浏览器中点击向前按钮相同
    history.go() - 进入实例中的某一个页面。
3、使用方法:
    前两种直接使用即可,最后一种history.go(),括号里面写想要跳转的页面相对于此页面的序号,负数表示回到之前的页面,整数表示后面的页面,括号写数字即可,例如,我想跳转到之前的第一个页面,history.go(-1);

- JS浏览器对象-Location对象

1、location对象:
window.location对象用于获得当前页面的地址(url),并把浏览器重定向到新的页面。
2、location对象的属性:
location.hostname 返回web主机的域名
location.pathname返回当前页面的路径跟文件名
location.port返回web主机的端口
location.protocol返回所使用的的web协议
location.href属性返回当前页面的url
location.assign()方法加载新的文档

- JS浏览器对象-Screen对象

1、Screen对象:
window.screen对象包含有关用户屏幕的信息
2、属性:
screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度
screen.Height - 屏幕高度
screen.Width - 屏幕宽度
3、使用方法
    例如:document.write("宽度:”+screen.availHeight+"可用宽度:"+screen.availWidth);

- JS浏览器对象-计时器

 1、计时事件:
     通过使用javascript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行,我们称之为计时事件。
 2、计时方法:
 1)、setInterval() - 间隔指定的毫秒数不停的执行指定的代码;clearInterval() 方法永远停止setInterval() 方法执行的函数代码
 2)、setTimeout() - 暂停指定的毫秒数后执行指定的代码;clearTimeout()方法用于停止执行setTimeout()方法的函数代码
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值