章节
问答
课签
笔记
评论
占位
占位

浏览器窗口可视区域大小

获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法:

一、对于IE9+、Chrome、Firefox、Opera 以及 Safari:

•  window.innerHeight - 浏览器窗口的内部高度

•  window.innerWidth - 浏览器窗口的内部宽度

二、对于 Internet Explorer 8、7、6、5:

•  document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。

•  document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。

或者

Document对象的body属性对应HTML文档的<body>标签

•  document.body.clientHeight

•  document.body.clientWidth

在不同浏览器都实用的 JavaScript 方案:

var w= document.documentElement.clientWidth
      || document.body.clientWidth;
var h= document.documentElement.clientHeight
      || document.body.clientHeight;

任务

在script标签内,补充右边编辑器代码,获取浏览器当前窗口大小。

?不会了怎么办

浏览器当前窗口大小的方法,要注意浏览器兼容问题。

||
1
2
<!DOCTYPE HTML>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / weixin_慕容6328546
13行onclick写成了conclick

最赞回答 / 慕尼黑1441384
最简洁的代码:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head><body><script type="text/javascript">    var w=window.innerWidth || document.documentElement.clientHeight...

最新回答 / 晚风铃铃
var w= document.documentElement.clientWidth
      || document.body.clientWidth;
var h= document.documentElement.clientHeight
      || document.body.clientHeight;
注意格式

最新回答 / 学网页的摄机师
估计你拉的是中间编代码的窗口大小吧,这里显示的宽高度是右侧显示结果的窗口宽高度大小

最新回答 / qq_慕盖茨8053647
绝大多数人应该是不用IE的,我想。。你那一长串我直接用document.write("浏览器窗口的内部高度:"+window.innerHeight+"px"+"<br/>"+" 浏览器窗口的内部宽度:"+window.innerWidth+"px");就能表示出来。

已采纳回答 / SHFa
没有吧。是不是因为浏览器问题,我都试过了,顺序换了都没问题。输出换位置也是没问题

最新回答 / wingle
HTML文档在窗口的显示区间即内部宽度、高度;(你打开一个页面后在浏览器的显示范围)

已采纳回答 / Rosevil
<...图片...>在网上查到的  应该这么理解吧 不是判断true和false的

最新回答 / Lacie_喵
这个方法是专门针对ie5678版本的,你用的是这个版本的浏览器?

最新回答 / 慕码人7120386
document.body.clientHeight   网页可见区域高document.documentElement.clientHeight  是窗体高

最新回答 / 阿宅娘
这个问题我也遇到过,只要把之前打开的查看效果的网页关了,重新打开就可以了

已采纳回答 / z897952414
<...图片...>没有啊,可以显示啊

已采纳回答 / 慕的地4304498
xk是个数组,要使用for遍历
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言