JavaScript入门到实践(八)

JavaScript浏览器对象

  • window对象

window对象指当前的浏览器窗口
所有JavaScript全局对象,函数以及变量均自动成为window对象的成员

  • 全局变量是window对象的属性,甚至document也是window对象的属性之一。
  • 全局函数是window对象的方法

window尺寸:

  • window.innerHeight 浏览器窗口的内部高度
  • window.innerWidth 浏览器窗口的内部宽度

window方法:

  • window.open(url) 打开新窗口
  • window.close() 关闭当前窗口
  • 计时器

计时事件:在一个设定的事件间隔之后来执行代码,而不是在函数调用后立即执行,我们称之为计时事件。
计时方法:

  • setInterval(函数,延时毫秒数) 间隔指定的毫秒数不停地执行指定的代码
  • clearInterval() 停止setInterval()方法执行的函数代码
  • setTimeOut(函数,延时毫秒数) 暂停指定的毫秒数后执行指定的代码
  • clearTimeOut() 停止执行setTimeOut()方法的函数代码

注意:
setInterval()会不停的调用函数,直到clearInterval()被调用或者窗口被关闭,由 setInterval()返回的ID值可用作clearInterval()方法的参数。
setTimeout()只执行函数一次,如果需要多次调用可以使用setInterval(),或者在函数体内再次调用setTimeout()

  • history对象

History对象: window.history对象包含浏览器历史(url)的集合
History方法:

  • history.back() 浏览器按钮点击后退
  • history.forward() 浏览器按钮点击向前
  • history.go() 进入历史中某个页面
  • Location对象

window.location对象:获得当前页面的url地址,并把浏览器重定向到新的页面
location对象属性:

  • location.hostname
  • location.pathname
    -location.port
    -location.protocol
    -location.href
    -location.assign(url) 加载新的文档
  • Screen对象

window.screen对象包含有关用户屏幕的信息
screen对象属性:

  • screen.availWidth 可用的屏幕宽度
  • screen.availHeight 可用的屏幕高度
  • screen.Height 屏幕高度
  • screen.Width 屏幕宽度
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值