codecamp

Window innerWidth 和 innerHeight 属性

Window innerWidth 和 innerHeight 属性

Window 对象参考手册 Window 对象

定义和用法

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

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

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

语法

Get:

window.innerWidth
window.innerHeight

设置:

window.innerWidth=pixels
window.innerHeight=pixels

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

实例

实例

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

var w=window.innerWidth;
var h=window.innerHeight;

尝试一下 »

Window 对象参考手册 Window 对象


温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录
JavaScript 和 HTML DOM 参考手册

JavaScript对象

Browser对象

DOM对象

HTML DOM对象

HTML DOM 事件对象

HTML DOM Body 对象

HTML DOM del 对象

HTML DOM Fieldset 对象

HTML DOM Dialog 对象

HTML DOM Frame 和 IFrame 对象

HTML DOM Submit 对象

HTML DOM 引用对象

HTML DOM Input Number 对象

HTML DOM Password 对象

HTML DOM Link 对象

HTML DOM Script 对象

HTML DOM Select 对象

拓展阅读

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }