Question

以下是我正在创建表格的页面。我想知道我的页面大小，宽度和高度百分比。请帮帮我。

<script>    
    alert(document.body.clientWidth);   
    document.getElementById('form1').offsetWidth;
</script> 
<body> 
<div class="row-fluid">
    <div class="pbl mbl">
        <table class="table table-striped table-hover" id="list">

        </table>
        <div class="pagination pagination-right" id="pager"></div>
    </div>
</div>
</body>

Answer 1

如果您正在寻找整个客户端窗口的百分比（而不是链接线程中offsetParent()的百分比），您可以使用类似的技术，只需除以{{1}而不是document.body.clientWidth。

在vanilla Javascript中：

offsetParent().width()

或者，如果您将客户端窗口的大小视为可用屏幕分辨率的百分比，则可以将其添加到上面并注意第二个警报：

var client = document.body.clientWidth;
var form = document.getElementById('form1').clientWidth;
alert(((form/client)*100)+'%');

如何在vanilla JS中找到窗体的宽度占客户端窗口的百分比？

1 个答案: