第十七节 jQuery可视区尺寸和文档尺寸

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <script type="text/javascript" src="../jquery-1.12.4.min.js"></script>
 7     <script type="text/javascript">
 8         $(function(){
 9             console.log('可视区的宽度'+$(window).width());
10             console.log('可视区的高度'+$(window).height());
11 
12             console.log('文档的宽度'+$(document).width());
13             console.log('文档的高度'+$(document).height());
14 
15 
16         });
17     </script>
18 </head>
19 <body>
20     <p>文档内容</p>
21     <br>
22     <br>
23     <br>
24     <br>
25     <br>
26     <br>
27     <br>
28     <br>
29     <br>
30     <br>
31     <br>
32     <br>
33     <p>文档内容</p>
34     <br>
35     <br>
36     <br>
37     <br>
38     <br>
39     <br>
40     <br>
41     <br>
42     <br>
43     <br>
44     <br>
45     <br>
46     <p>文档内容</p>
47     <br>
48     <br>
49     <br>
50     <br>
51     <br>
52     <br>
53     <br>
54     <br>
55     <br>
56     <br>
57     <br>
58     <br>
59     <p>文档内容</p>
60     <br>
61     <br>
62     <br>
63     <br>
64     <br>
65     <br>
66     <br>
67     <br>
68     <br>
69     <br>
70     <br>
71     <br>
72     <p>文档内容</p>
73     <br>
74     <br>
75     <br>
76     <br>
77     <br>
78     <br>
79     <br>
80     <br>
81     <br>
82     <br>
83     <br>
84     <br>
85 </body>
86 </html>