Window对象属 Window对象方法

码林薄雾
• 阅读 1315

Window对象属性

ScreenLeft/ScreenTop/ScreenX/ScreenY

只读整数,声明了窗口的左上角在屏幕上的 x 坐标 和 y 坐标。

IE、Safari 和 Opera 支持 ScreenLeft/ScreenTop

Firefox、Safari 支持 ScreenX/ScreenY

Chrome 都支持

Window对象属 Window对象方法


innerWidth/innerHeight

只读属性,声明了窗口的文档显示区的宽度和高度,以像素计。这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度

IE 不支持这些属性。它用 document.documentElement 或 document.body (与 IE 的版本相关)的
clientWidth 和 clientHeight 属性作为替代。

Window对象属 Window对象方法


outerWidth/outerHeight

只读属性,声明了整个窗口的宽度和高度

IE不支持此属性,且没有提供代替的属性

Window对象属 Window对象方法


pageXOffset/pageYOffset

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

Window 对象方法

moveBy( )

语法: window.moveBy(x,y)

相对窗口当前的坐标,把它移动到指定的像素

x:要把窗口右移的像素

y: 要把窗口下移的像素


moveTo( )

语法: window.moveTo(x,y)

把窗口的左上角移动到一个指定的坐标

x:窗口新位置的 x 坐标

y: 窗口新位置的 y 坐标

提示:出于安全方面的原因,浏览器限制此方法使其不能把窗口移出屏幕。

resizeBy( )

语法:resizeBy(width, height)

根据指定的像素来调整窗口的大小

width:必需,要使窗口宽度增加的像素数。可以是正、负数值

height:可选,要使窗口高度增加的像素数。可以是正、负数值

resizeTo( )

语法:resizeTo(width, height)

把窗口的大小调整为指定的宽度和高度

width:必需,想要调整到的窗口的宽度。以像素计

height:可选,想要调整到的窗口的高度。以像素计

scrollBy( )

语法:scrollBy(xnum, ynum)

把内容滚动指定的像素数

xnum:必需,把文档向右滚动的像素数

ynum:必需,把文档向下滚动的像素数

scrollTo( )

语法:scrollTo(xpos, ypos)

把内容滚动到指定的坐标

xpos:必需,要在窗口文档显示区左上角显示的文档的 x 坐标

ypos:必需,要在窗口文档显示区左上角显示的文档的 y 坐标

点赞
收藏
评论区
推荐文章
Souleigh ✨ Souleigh ✨
4年前
JavaScript - 关于 var、let、const 的区别使用
一、var在ES5中,顶层对象的属性和全局变量是等价的,用var声明的变量既是全局变量,也是顶层变量注意:顶层对象,在浏览器环境指的是window对象,在Node指的是global对象var a  10;console.log(window.a) // 10使用var声明的变量存在变量提升的情况console.log(a) // undefine
Karen110 Karen110
3年前
一篇文章带你了解JavaScript Window History
一、前言window.history对象可以不用窗口window前缀编写。为了保护用户的隐私,有限制的JavaScript可以访问此对象。history.back()与点击浏览器中的back按钮相同。history.forward()与点击浏览器中的forward按钮相同。二、history对象window.history对象包含浏览器会话历史
Karen110 Karen110
3年前
一篇文章带你了解JavaScript的Storage接口
一、概念Storage接口用于脚本在浏览器保存数据。两个对象部署了这个接口:window.sessionStorage和window.localStorage。二、属性和方法1\.Storage.setItem()Storage.setItem()方法用于存入数据。它接受两个参数,第一个是键名,第二个是保存的数据。如果键名已经存在,该方法会更新已有
Wesley13 Wesley13
3年前
SFML从入门到放弃(3) 视角和碰撞检测
SFML从入门到放弃(3)视角和碰撞检测视角window.draw();所画出的对象是在世界坐标的绝对位置。视角可以选定在窗口中显示世界坐标下的的哪一个区域。sf::Viewinit_view(){sf::Viewvi(sf::Vector2f(0,0),sf
LinMeng LinMeng
4年前
解决ios软键盘收回时屏幕空白问题
添加事件:window.scrollTo(x,y)在input的释焦事件中添加blur事件,参数X要在窗口文档显示区左上角显示的文档的x坐标。参数y要在窗口文档显示区左上角显示的文档的y坐标。添加jQuery插件mounted(){//解决ios软键盘弹出屏幕空白$("input,select,te
Stella981 Stella981
3年前
JavaScript中的各种宽高总结
window和document首先我们来高清两个概念:   window和document的区别是什么?   window.location和document.location是一样吗?第一个问题:   Window对象表示浏览器中打开的窗口;window对象可以省略。比如alert()、window.alert(
Wesley13 Wesley13
3年前
BOOM和DOOM操作
\TOC\BOMBOM操作指的是浏览器对象模型,它可以是JavaScript可以于浏览器进行对话,在JavaScript中与浏览器交互就是对window对象进行操作window对象window对象是客户端JavaScript最高层对象之一,由于window对象是其他大部分对象的共同的祖先,在调用window对象的
Stella981 Stella981
3年前
JS 中的this指向问题和call、apply、bind的区别
this的指向问题一般情况下this对象指向调用函数的对象,全局环境中执行函数this对象指向window。functiona(){console.log(this);//输出函数a中的this对象}functionb(){};varc{name:"call"}
Wesley13 Wesley13
3年前
JS判断坐标点是否在给定的多边形内
(function(window){"usestrict";/判断给出的坐标点是否在多边形内/functionpointInPolygon(targetPoint,targetPoints){
Stella981 Stella981
3年前
JavaScript的BOM和DOM
1,window对象,所有浏览器都支持window对象,它表示浏览器窗口BOM(browserObjectModel)是指浏览器对象模型,它使JavaScript有能力与浏览器进行"对话".DOM(DocumentObjectModel)是指文档对象类型,通过它,可以访问HTML文档的所有元素window对象客户端JavaScript最高
Stella981 Stella981
3年前
HTML5之pushstate、popstate操作history,无刷新改变当前url
一、认识window.historywindow.history表示window对象的历史记录,是由用户主动产生,并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性,让你在历史记录中自由前进和后退。1、历史记录的前进和后退在历史记录中
码林薄雾
码林薄雾
Lv1
竹外桃花三两枝,春江水暖鸭先知。
文章
4
粉丝
0
获赞
0