美文网首页
window对象中与窗口、浏览器大小相关属性

window对象中与窗口、浏览器大小相关属性

作者: pz明 | 来源:发表于2017-07-03 21:14 被阅读18次

一,概述

 JavaScript中全局变量自动变成window对象的属性,同时,window对象本身自带很多属性,本文是对window对象中描述大写的一些属性的学习笔记。

二,window.screenX,windowScreenY

 这两个属性用于描述浏览器左上角相对于屏幕左上角的水平,垂直偏移,所以全屏时应当是这两个值应当都是0,eg:

全屏时

 屏幕拖动时,输出相应偏移,eg:

拖动后

三,innerWidth,innerHeight

 这两个属性为页面视口宽高(注意不是浏览器的,是网页的),所以全屏时宽度一般与分辨率宽度一致,高度则不同,eg:

innerWidth,innerHeight

四,outerWidth,outerHeight

 这两个属性是获得浏览器宽高的,全屏时一般等于屏幕分辨率,eg:

image.png

五,pageXOffset,pageYOffset

 这两个属性是描述横、纵轴滚动的,浏览器中常发生的行为为垂直滚动,所以pageXOffset常为0;

六,window.screen.width,window.screen.height

 以上为window.screen对象中的两个属性,描述屏幕大小,即分辨率。eg:


image.png

七,window.screen.availWidth,window.screen.availHeight

 以上两个属性为window.screen对象中描述屏幕可用宽高的属性,eg:

screen.availWidth screen.availHeight

相关文章

  • window对象中与窗口、浏览器大小相关属性

    一,概述  JavaScript中全局变量自动变成window对象的属性,同时,window对象本身自带很多属性,...

  • 2018-09-25函数对象

    window 对象表示浏览器中打开的窗口,适用于所有浏览器 window对象属性: window.close ...

  • JavaScript(BOM-API预览)

    window对象属性 //在浏览器中,window对象指当前的浏览器窗口,它也是所有对象的顶层对象。浏览器环境的所...

  • 浏览器之BOM

    window对象 window对象简介 window对象指当前浏览器的窗口。全部变量是window对象的属性。全部...

  • html🍀document🍀window🍀

    Window -- 代表浏览器中一个打开的窗口:对象属性window //窗口自身window.self //引用...

  • JS中常用的全局属性及方法

    JS中常用的全局属性及方法 window对象window对象表示当前的浏览器窗口。window对象的成员属性就是全...

  • 页面(屏幕)/元素的宽高/位置

    window属性 window.innerWidth/innerHeight浏览器窗口可视区大小 受viewpor...

  • JS中document对象和window对象的区别

    简单来说,document是window的一个对象属性。Window 对象表示浏览器中打开的窗口。如果文档包含框架...

  • JS 各种宽高的理解

    Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...

  • BOM,DOM

    一、window 对象Window 对象是一个顶层对象,而不是另一个对象的属性,即浏览器的窗口;Window 对象...

网友评论

      本文标题:window对象中与窗口、浏览器大小相关属性

      本文链接:https://www.haomeiwen.com/subject/ovpzcxtx.html