是否可以计算html页面的空白区域?

时间:2019-04-17 05:02:36

标签: javascript css html5

我需要html页面的空白区域。

enter image description here

我如何计算使用JavaScript标记的红色? 抱歉,如果我的问题很愚蠢

3 个答案:

答案 0 :(得分:1)

您希望HTML文档的距离减去屏幕高度:

var html = document.documentElement;
var doc_height = Math.max(html.clientHeight, html.scrollHeight, html.offsetHeight);
var height = (screen.height > doc_height ? screen.height-doc_height : 0); //if the space exists, else return 0

答案 1 :(得分:0)

红色标记区域将具有特定的类别。您可以使用

代码

document.getElementByClassname('.className').clientHeight;

答案 2 :(得分:0)

如果您需要使用javascript,则可以使用以上注释查找类。如果您只需要一般区域,大多数浏览器将提供像素标尺扩展名,这将帮助您进行宽度和高度测量。

[chrome ruler extension[1]