tid=159& 本帖最後由 media 於 2014-12-10 19:08 編輯 $ m" X4 {6 K2 P8 \! b# D
1 C! I! X) b: O
最近用javascript取視窗的大小時,遇到不同瀏覽器無法偵測或不同的寬高的問題。後來找到下段這段程式碼,當用於點圖放大並顯示於前景中央位置時非常有用。
+ E' J* w, Z' \+ R- <script type="text/javascript">/ ~. a' ~" f- w/ E
- <!--' A6 F b) H& F& J R8 L- X: G
- : p7 H8 y0 z: e# I8 m! n
- var viewportwidth;
( x7 B; e# u A) ?' c - var viewportheight;
, V5 v, v# y" e: u -
+ V- t9 W8 F. z# K1 Y0 M; R - // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight) M5 }2 r2 f% j: {4 h
- 0 N) |" l6 m0 n! o, ?$ F% D# s
- if (typeof window.innerWidth != 'undefined')
& K1 P) @7 i5 F - {
6 q B2 _, d @ - viewportwidth = window.innerWidth,7 T- l/ O x* o! W4 Y( ]/ }5 R
- viewportheight = window.innerHeight
/ w* B9 q4 }& Q' n O - }
$ V/ x" }% i1 s -
2 v- r7 f8 s4 h - // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document): j" p' `) m; h3 z- z8 r
4 x' ~- P, k2 X( W; _& q- else if (typeof document.documentElement != 'undefined'$ P- i. `$ h0 D( o
- && typeof document.documentElement.clientWidth !=7 w: Y/ R4 {8 _5 V$ m
- 'undefined' && document.documentElement.clientWidth != 0)/ l6 W. |" Z1 m7 y3 f1 z
- {/ ^2 }% o* T/ ~* s
- viewportwidth = document.documentElement.clientWidth,
3 S8 r6 `: F. A0 z$ N- b - viewportheight = document.documentElement.clientHeight
$ | W A% n" _+ h" V y9 W5 @ - }
- Q% F( W2 `2 z+ ~1 m -
! L1 O& ?8 Q! I# I6 U6 d, n - // older versions of IE5 Q# N9 j, B' o0 V0 u7 |" r
-
) |8 K. U: I( Q5 k3 t+ b4 d$ v: F - else, Q+ q6 x2 u0 ~ M8 G+ _, R5 C+ }
- {0 ?* ~1 Y& E4 j4 w. ^4 S7 k$ x
- viewportwidth = document.getElementsByTagName('body')[0].clientWidth,8 s& ?0 q. L5 x( M% F
- viewportheight = document.getElementsByTagName('body')[0].clientHeight3 z6 Y# j2 U' U
- }
9 }& i0 ]2 f1 A; q - document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
. U5 T5 u% a; y+ D5 \ - //-->
) V. k$ ?) {: ~. P: l - </script>
複製代碼 結果: 在google chrome 顯示結果1 W9 M+ U; `1 ?: K5 Z- k
, F2 R: ?- M2 A+ n
% {" j6 }' J2 J來源: Get viewport size (width and height) with javascript
- a4 i! k% b8 m" V9 {' B( t7 P& }8 N4 y$ o
3 {* G- z; k4 I |