Window宽度和高度属性

realnode.png vps-under-title.png 科学上网教程 | 机场推荐 | 云深不知处(机场)

Window属性:innerWidth,innerHeight,outerWidth,outerHeight的区别整理。

定义和用法

  • innerWidth:返回文档显示区域的宽度,不包括菜单栏、工具栏以及滚动条等;
  • innerheight:返回文档显示区域的高度,不包括菜单栏、工具栏以及滚动条等;
  • outerWidth:返回文档显示区域的宽度,包括菜单栏、工具栏以及滚动条等;
  • outerHeight:返回文档显示区域的高度,包括菜单栏、工具栏以及滚动条等;

语法

Get:

  • window.innerWidth
  • window.innerHeight
  • window.outerWidth
  • window.outerHeight

Set:

  • window.innerWidth=pixels
  • window.innerHeight=pixels
  • window.outerWidth=pixels
  • window.outerHeight=pixels

浏览器支持

除了IE8及更早的IE版本不支持这几个属性外,其他如Chrome等现代浏览器都支持

尝试一下

实例1:

获取窗口的高度与宽度(不包含工具条与滚动条):
var w=window.innerWidth;
var h=window.innerHeight;
尝试一下 ?

实例2:
获取窗口的高度与宽度(包括工具栏/滚动):
var w=window.outerWidth;
var h=window.outerHeight;
尝试一下 ?

参考文章:

  1. http://www.w3cschool.cc/jsref/prop-win-innerheight-innerwidth.html;
  2. http://www.w3cschool.cc/jsref/prop-win-outerheight.html;
  3. http://www.w3school.com.cn/jsref/prop_win_innerheight_innerwidth.asp;

— EOF — 看完了,留个脚印 ^_^

赞(0)
未经允许禁止转载:优米格 » Window宽度和高度属性

评论 抢沙发

合作&反馈&投稿

商务合作、问题反馈、投稿,欢迎联系

广告合作侵权联系

登录

找回密码

注册

Ads Blocker Image Powered by Code Help Pro

检测到广告已被屏蔽

尊敬的优米格用户,

您好,系统检测到您使用了广告屏蔽组件。本网站并不包含任何侵入性广告,如果本站能给您一点帮助,还请将本站加入拦截白名单,这是我们仅有的收入来源!

网站的持续运作和改进,需要您的慷概帮助,感谢您的支持。

此致,
优米格 团队