JavaScript的window对象

本文记录WEB前端学习过程中遇到的JavaScript的window对象~

定时器:

  • setInterval():按照指定的周期(单位:毫秒)来调用函数或计算表达式;
  • clearInterval():取消由setInterval()设置的时间;
  • setTimeout():在指定的毫秒数后调用函数或计算表达式;
  • clearTimeout():取消由setTimeout()设置的时间。

消息框:

  • alert():显示带有一段消息和一个确认按钮的警告框;
  • confirm():显示带有一段消息以及确认按钮和取消按钮的确认框,确认返回true,取消返回false;
  • prompt():显示提示用户输入的提示框;

Window尺寸:

1.IE9(包含9及以上)、Chrome、Firefox等其他浏览器

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

2.IE8及以下

//浏览器窗口的内部高度
document.documentElement.clientHeight或document.body.clientHeight
//浏览器窗口的内部宽度
document.documentElement.clientWidth或document.body.clientWidth

示例代码(兼容所有浏览器):

//获取宽度
var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
//获取高度
var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

标签: none