Window 对象

Posted 2020-10-12

Window 对象

所有浏览器都支持 window 对象。它表示浏览器窗口。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 this访问全局。

Window 对象属性

window.onload：整个页面的所有东西加载完以后执行。对应方法。代码尽量写在window.onload里

  window.onload=function(){

    }

 

innerheight:当前可视区域窗口的高度。

console.log(window.innerheight);

innerwidth:当前可视区域窗口的宽度。

outerheight：浏览器区域的高度(窗口的外部高度)。IE不支持

outerwidth：浏览器区域的高度(窗口的外部宽度)。IE不支持

pageXOffset:设置或返回当前页面相对于窗口显示区左上角的 X 位置。 (文档在窗口左上角水平和垂直滚动)

pageYOffset：设置或返回当前页面相对于窗口显示区左上角的 Y 位置。

screenLeft： (浏览器相对于屏幕的坐标。) 返回相对于屏幕窗口的x坐标

screenTop： 返回相对于屏幕窗口的y坐标

screenX ： 返回相对于屏幕窗口的x坐标

screenY： 返回相对于屏幕窗口的y坐标

声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop，而 Firefox 和 Safari 支持 screenX 和 screenY。

Window 对象方法

moveBy()：可相对窗口的当前坐标把它移动指定的像素。(相对移动)

moveTo()：把窗口的左上角移动到一个指定的坐标。(直接移动设定距离)

resizeBy()： 按照指定的像素调整窗口的大小。

resizeTo()：把窗口的大小调整到指定的宽度和高度。

scrollBy()： 按照指定的像素值来滚动内容。

scrollTo()： 把内容滚动到指定的坐标。

open()： 打开一个新的浏览器窗口或查找一个已命名的窗口。

参数：window.open(URL,name,specs,replace);

window.open(‘test1.html‘,‘my window‘,‘width=500,height=500,menubar=yes,toolbar=yes,status=yes‘);

弹框：

alert()：显示带有一段消息和一个确认按钮的警告框。(警告框，阻塞代码运行，关闭框后继续运行)window.alert(‘Heelo‘);

confirm()：显示带有一段消息以及确认按钮和取消按钮的对话框。

window.confirm(‘是否删除？‘); 返回：确认，true；取消：false

prompt()：显示可提示用户输入的对话框。

window.confirm(‘请输入：‘); ——返回 null

执行次数：

seeTimeOut：指定时间后执行一次

setInterval：每隔指定时间执行多次

setInterval（function(){
    console.log(...);
},3000;

clearInterval：清除