Window 对象

2021-05-03 09:26

阅读:468

标签:命名   width   bsp   取消   对话   浏览器   int   打开   显示   

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:清除

Window 对象

标签:命名   width   bsp   取消   对话   浏览器   int   打开   显示   

原文地址:http://www.cnblogs.com/llying/p/7745792.html


评论


亲,登录后才可以留言!