作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我发现即使窗口中没有任何显示,document.body.clientWidth也可以用作实际的客户端宽度。如果缩放窗口,该值将动态变化。但是如果窗口中没有显示任何内容,在不使用任何 JQuery 库的情况下如何知道实际的客户端高度?我的代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>
</title>
<style type="text/css">
body
{
margin:0px;
padding:0px;
border:0px;
/* border-color:#FEFEFE;*/
/* background-image:url(bg.png);*/
background-repeat: repeat;
display:block;
z-index:-9999;
width:100%;
height:100%;
left:0px;
top:0px;
}
div
{
background-color:#a0a0a0;
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:block;
z-index:-8888;
}
</style>
</head>
<body id="body">
<div id="bg">
<span id="s1">
test
</span>
</div>
</body>
<script type="text/javascript">
(function (d) {
setInterval(function () {
w = d.body.clientWidth;
document.title = w;
}, 1);
})(document)
</script>
</html>
最佳答案
您可以使用window.innerHeight,如下所示:
var intViewportHeight = window.innerHeight;
根据Mozilla MDN :window.innerHeight 检索浏览器窗口视口(viewport)的高度(以像素为单位),包括水平滚动条(如果呈现)。
这是一个plunker示例。
关于javascript - 如何在没有任何 JQuery Lib 的情况下知道实际的客户端高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27630307/
我是一名优秀的程序员,十分优秀!