javascript - 是否有可能知道在 Javascript/jQuery 中呈现的 HTML 的垂直维度？

Question

我在一个有很多 MathML 的网站上工作正如您从 examples 中看到的那样，如果不首先渲染代码，则渲染公式的垂直维度很难根据代码猜测。

 <math display="block"> <mrow> <msub> <mi>a</mi> <mn>0</mn> </msub> 
 <mo>+</mo> <mfrac><mn>1</mn> <mstyle scriptlevel="0" displaystyle="true"> ...

另一方面，在构建页面的过程中，浏览器似乎在某个时刻清楚地“知道”垂直维度。

有没有办法让我在 Javascript/jQuery 中获取有关呈现 HTML 表达式大小的信息，以便我可以相应地调整任何包含框的尺寸？

再多解释一下，如果我正在渲染“纯文本”，我可以通过计算“行”的数量来估计垂直尺寸——但显然这是 hacky 并且对于我感兴趣的情况毫无用处。

jQuery(this).find('span').each( function(){
    if ($(this).css('display') != 'none'){
    // count the number of lines in this span
      num_lines += Math.ceil(jQuery(this).text().length/84);
      max_lines = Math.max(max_lines,num_lines);
    }
}

Answer 1

您可以使用 javascript 函数:

1.innerWidth 属性设置或返回窗口内容区域的内部宽度。

window.innnerHeight 

2.innerHeight 属性设置或返回窗口内容区域的内部高度。

window.innerWidth