你知道window上都有哪些常用的属性和方法吗（下）

Andy_W
121 阅读2分钟

「这是我参与11月更文挑战的第25天，活动详情查看：2021最后一次更文挑战」

经过之前了解，我们知道了window代表整个浏览器，代表全局。所以在全局声明的函数、变量都是属于window，包括变量未声明就赋值也该变量也属于window。

而且window上很多开厢即有的属性和方法，在上篇中我们已经说了很多，但还有一些没说完，今天接着讲

  1. 关闭浏览器窗口
    window.close()

  2. 移动当前窗口位置 window.moveTo(x,y)
    将窗口的左上角移动到指定坐标
    window.moveBy(x的增量，y的增量)
    用于增加
    open()、close()、moveTo()的兼容性都很好

  3. 调整当前窗口的尺寸

window.resizeTo(width,height)
用于把窗口大小调整为指定的宽度和高度
window.resizeBy(宽的增量，高的增量)
用于增加宽高
但这两个方法在新版的浏览器中废除了

  1. 浏览器窗口在屏幕的位置

距离左边：window.screenX 或者 window.screenLeft
距离上边：window.screenY或者window.screenTop

  1. 让滚动条滚动

scroll(x,y)
scrollTo(x,y)
scrollBy(x,y)
x,y分别表示滚动条往x轴滚动距离和滚动条往下滚动的距离
前面个两个方法基本一样，而scrollBy()会在之前的数据基础上做累加。可以利用scrollBy实现快速阅读的功能。

  1. 查看滚动条滚动距离

window.pageXoffset
window.pageYoffset
但是低版本IE不兼容，那它用下面两组方法
document.documentElement.scrollLeft
document.documentElement.scrollTop
或者
document.body.scrollLeft
document.body.scrollTop
因为兼容性比较紊乱，采取的方法是两种方法相加，因为不可能两个同时有值
因此我们可以封装一个兼容所有浏览器的方法，用于查看滚动条滚动距离：

**

window.getScrollLT = function () {
  return {
    left: window.pageXOffset || document.documentElement.scrollLeft + document.body.scrollLeft,
    top: window.pageYOffset || document.documentElement.scrollTop + document.body.scrollTo
  }
}
  1. 弹窗

js中有三种弹窗：警告框、确认框、提示框
window.alert("sometext")
当警告框出现后，用户需要点击确定按钮才能继续进行操作。
window.confirm("sometext")
确认框通常用于验证是否接受用户操作。
当确认卡弹出时，用户可以点击 "确认" 或者 "取消" 来确定用户操作;当你点击 "确认", 返回 true， 如果点击 "取消", 返回 false。
window.prompt("sometext","defaultvalue")
当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

  1. 定时器方法也是定义在window上 window.clearInterval()
    window.setTimeout()
    window.clearInterval()
    window.clearTimeout()
    具体的使用可以看js定时器那块，讲得非常清楚。

以上就是window上这次补充的一些内容，欢迎点赞支持！！

avatar
文章
阅读
粉丝