为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/JavaScript

/JavaScript进阶篇

为什么要加上“|| document.body.clientWidth”后面这部分，这个不是指body标签的宽吗，而问题是要求出浏览器的可视化区域。。。

<!DOCTYPE HTML>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

<script type="text/javascript">

 document.write(window.innerHeight+"px<br>");

  document.write(window.innerWidth+"px<br>");

  document.write(document.documentElement.clientHeight||document.body.clientHeight);

  document.write("px<br>");

  document.write(document.documentElement.clientWidth||document.body.clientWidth);

  document.write("px<br>");

</script>

</body>

</html>

慕函数4478988

2020-02-16

源自：JavaScript进阶篇  9-18

关注问题 我要回答
800
操作
收起

正在回答

3 回答

慕尼黑1441384
2020-08-05

最简洁的代码：

<!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 h=window.innerHeight || document.documentElement.clientWidth;

    document.write('宽:'+w,'<br>','高:'+h);

</script>

</body>

</html>


1 回复 有任何疑惑可以回复我~
收起回答
慕码人9569303
2020-04-14

这里的意思应该是是选两种中的一种，分开写就可以正确显示了

0 回复 有任何疑惑可以回复我~
收起回答
#1

Angelina丶

你如果分开写了，换一个浏览器就错了。 比如你现在用的IE，你换成火狐，就不行了。 必须按照教程里面的 || 前后都要有哦。 你可以测试一下看看，我自己用两个浏览器试了一下呢~
2020-06-02 回复 有任何疑惑可以回复我~
#2

Angelina丶

对不起，我好像错了。一个是显示整个html，一个是显示body,虽然我确实一样的代码，两个浏览器打开不一样。 ￣□￣｜｜
2020-06-02 回复 有任何疑惑可以回复我~
qq_慕妹8333295
2020-02-29

body标签大小就是浏览器可视化区域，可以用F12看下

0 回复 有任何疑惑可以回复我~
收起回答
#1

金刚无敌葫芦娃

为什么我的body标签高度只有一点点？
2020-03-21 回复 有任何疑惑可以回复我~
#2

Angelina丶 回复 金刚无敌葫芦娃

因为你的内容高度就是那么多。你给它多添加些内容，你在看高度就不一样了。 你可以用其他编辑器写了，打开一个页面看，数值就不一样了。
2020-06-02 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468201    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

进入课程

本课相似问答

1 回答浏览器窗口可视区域大小 指的是？

2 回答浏览器窗口的可视区域大小指的是哪里？

3 回答浏览器宽高指的是什么

2 回答浏览器窗口可视区域大小的问题

2 回答浏览器窗口可视区域
搜索更多本课相关问答

为什么要加上“|| document.body.clientWidth”后面这部分，这个不是指body标签的宽吗，而问题是要求出浏览器的可视化区域。。。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信