yige.org 试一个

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("#span1").text($(window).width());
    $("#span2").text($(document).width());
  });
});
</script>
</head>
<body>
<p>窗口的宽度是 <span id="span1">unknown</span> px。</p>
<p>文档的宽度是 <span id="span2">unknown</span> px。</p>
<button class="btn1">获得宽度</button>
<p>在本例中，窗口和文档的宽度是相同的，因为它们在 iframe 中显示。</p>
</body>
</html>

结果:

编辑上面的代码，点击查看结果。

yige.org - 试一个