Window对象属 Window对象方法

王岩威发布于2019-08-23 14:52 / 1180人阅读

摘要：对象属性只读整数，声明了窗口的左上角在屏幕上的坐标和坐标。它用或与的版本相关的和属性作为替代。可以是正负数值语法把窗口的大小调整为指定的宽度和高度必需，想要调整到的窗口的宽度。以像素计可选，想要调整到的窗口的高度。

Window对象属性

ScreenLeft/ScreenTop/ScreenX/ScreenY

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

IE、Safari 和 Opera 支持 ScreenLeft/ScreenTop

Firefox、Safari 支持 ScreenX/ScreenY

Chrome 都支持

innerWidth/innerHeight

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

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

outerWidth/outerHeight

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

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

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 坐标

GPU云服务器云服务器 window对象的方法 window对象 Window窗口对象 js_window对象属性

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/101274.html

知识整理——浏览器对象模型

摘要：浏览器对象模型什么是浏览器对象模型浏览器对象模型浏览器模型提供了独立于内容的可以与浏览器窗口进行滑动的对象结构，就是浏览器提供的其主要对象有对象的核心，是访问浏览器的接口，也是规定的对象对象提供当前窗口中的加载的文档有关的信息和一些导航功能浏览器对象模型什么是浏览器对象模型 BOM ：Browser Object Model（浏览器对象模型）,浏览器模型提供了独立于内容的、可以...

mayaohua 2019-08-22 16:04 评论0 收藏0
JavaScript专题之模拟实现call和apply

摘要：函数可计算某个字符串，并执行其中的的代码男男成功啦实现了函数参数的传递，那么函数返回值怎么处理呢。而且，如果传入的对象是，又该如何处理所以还需要再做一些工作处理返回值返回返回值男男判断传入对象的类型，如果为就指向对象。本文共 1320 字，读完只需 5 分钟概述 JS 函数 call 和 apply 用来手动改变 this 的指向，call 和 apply 唯一的区别就在于函数...

ky0ncheng 2019-08-23 12:37 评论0 收藏0
JavaScript进阶学习（二）—— 基于原型链继承的js工具库的实现方法

摘要：一些额外的全局函数命名空间对象接口和构造函数与没有典型的关联，但却是有效的。最后有几点需要说明的是每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。文章来源：小青年原创发布时间：2016-07-03关键词：JavaScript，原型链，jQuery类库转载需标注本文原始地址: http://zhaomenghuan.githu...

陈伟 2019-08-19 18:41 评论0 收藏0