案例:jQuery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<script type="text/javascript" src="/js/jquery.js"></script>
4
<script type="text/javascript">
5
$(document).ready(function(){
6
  $(".btn1").click(function(){
7
    $("#span1").text($(window).width());
8
    $("#span2").text($(document).width());
9
  });
10
});
11
</script>
12
</head>
13
<body>
14
<p>窗口的宽度是 <span id="span1">unknown</span> px。</p>
15
<p>文档的宽度是 <span id="span2">unknown</span> px。</p>
16
<button class="btn1">获得宽度</button>
17
<p>在本例中,窗口和文档的宽度是相同的,因为它们在 iframe 中显示。</p>
18
</body>
19
</html>
20