社区
JavaScript
帖子详情
关于window.innerWidth是怎么获取和设置的
tomaytao
2012-06-16 06:26:32
window的 innerWidth innerHeight 和outerWidth outerHeight 是乎都不能直接获取
...全文
510
4
打赏
收藏
关于window.innerWidth是怎么获取和设置的
window的 innerWidth innerHeight 和outerWidth outerHeight 是乎都不能直接获取
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
圆㺭
2012-06-19
打赏
举报
回复
你的代码我在火狐下可以运行
001007009
2012-06-16
打赏
举报
回复
楼主
window 对象的一些属性或方法 在各个浏览器下 兼容不友好
可以使用
Screen 对象包含有关客户端显示屏幕的信息
参考
http://www.w3school.com.cn/htmldom/prop_win_innerheight_innerwidth.asp
tomaytao
2012-06-16
打赏
举报
回复
输出的结果为“没有获取到浏览器宽度”,这是为什么呢
<html>
<head>
<title></title>
</head>
<body>
你可以
<script type="text/javascript">
if(window.innerWidth){
alert("浏览器宽度为:" + window.innerWidth);
}else{
alert("没有获取到浏览器宽度!");
}
</script>
</body>
</html>
圆㺭
2012-06-16
打赏
举报
回复
可以,在firebug控制台输入window.innerWidth显示下面的结果
>>> window.innerWidth
1366
浏览器对象属性
window
.
inner
Width
和
window
.outer
Width
这两个宽度属性有何区别?
window
.outer
Width
: 表示浏览器窗口的外部宽度,即整个浏览器窗口的宽度,包括滚动条、边框和窗口周围的任何其他元素。这个宽度是整个浏览器窗口的宽度,包括浏览器窗口自身的宽度、浏览器菜单栏、工具栏、状态栏以及其他附加组件的宽度。
window
.
inner
Width
: 表示浏览器窗口的内部宽度,即可视区域的宽度。换句话说,
window
.
inner
Width
只是浏览器窗口内部可见区域的宽度,而
window
.outer
Width
是整个浏览器窗口的宽度,包括任何边框、滚动条和其他窗口元素。
window
.
inner
Width
以及
window
.outer
Width
的区别
window
.outer
Width
获取
浏览器窗口外部的宽度。 它表示整个浏览器窗口的宽度,包括边栏
window
.
inner
Width
获取
浏览器可视区域的宽度,也就是页面的宽度
<script> var w =
window
.
inner
Width
|| document.documentElement.cli
window
.
inner
Width
与$(
window
).
width
()
window
.
inner
Width
能获得什么数据? 在自适应设计中,需要用js来判断浏览器宽度,从而调整网页宽度和布局,我一开始用的是
window
.
inner
Width
。
window
.
inner
Width
能
获取
当前窗口的宽度(包含滚动条),当浏览器宽度调整时,这个值也会跟着变化。 但是,
window
.
inner
Width
在IE8浏览器是无效的。所以,需要使用一个代替品,那就是$(win...
苹果/ios系统手机
获取
不到
window
.
inner
Height/
window
.
inner
Width
解决办法: 1.
获取
宽高放到
window
.onLoad = function(){ const H =
window
.
inner
Height; const W =
window
.
inner
Width
; } 2.使用document.body.client
Width
/document.body.clientHeight代替
js
window
.
inner
Height 和
window
.
inner
Width
是什么?
inner
Height 和
inner
Width
都是
window
的属性,表示的文档显示区域的宽高,不包括工具栏和地址栏等区域;怎么
获取
?(单位:px)<script> console.log(
window
.
inner
Height);</script>这种方式对最新的浏览器都是可以
获取
到的;但是吧,IE 9+ 支持,ie8,7,6,5 不支持;有必要这...
JavaScript
87,997
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章