Categories: Browser对象tips

Window innerWidth 和 innerHeight 属性 | Window 对象

返回到:Browser 对象:Window 对象

定义和用法

innerheight 返回窗口的文档显示区的高度。

innerwidth 返回窗口的文档显示区的宽度。

注意:使用 outerWidth 和 outerHeight 属性获取加上工具条与滚动条窗口的宽度与高度。

语法

Get:window.innerWidth
window.innerHeight

设置:

window.innerWidth=pixels
window.innerHeight=pixels

所有主流浏览器都支持 innerWidth 和 innerHeight 属性。

注意:IE 8 及更早 IE版本不支持这两个属性。

实例

获取窗口的高度与宽度(不包含工具条与滚动条):

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<p id="demo">单击按钮来显示这个窗口的高度和宽度(不包括工具栏和滚动条). .</p>
<button >
terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

聊聊vue3中的defineProps

在Vue 3中,defineP…

5 天 ago

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

1 周 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

2 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

3 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

4 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

4 周 ago