砍敺 media 2014-12-10 19:08 蝺刻摩
& k0 }: h }1 `5 @' f# q
4 C, n8 Q3 j( G) I' N. r% T. S' n餈甫avascript閬蝒憭批嚗唬閬賢函⊥菜葫銝撖祇憿敺靘曉唬畾菟畾萇撘蝣潘嗥冽潮曉之銝阡*蝷箸澆臭葉憭桐蝵格撣豢具
9 C: L" i1 m' S7 V8 ^5 y- <script type="text/javascript">8 H9 u" _7 y* x1 P; X0 N
- <!--6 e3 T6 y, s; L; l. U
# r3 o; j: T R8 K- var viewportwidth;5 L$ u8 Y4 w& Q
- var viewportheight;/ R# X8 U7 ?+ }; G% ~* U! h
-
% a8 @4 d2 `+ Y! b( @6 B& L - // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight4 O; a! i+ n* {: M1 }0 k
- 0 f9 I2 V) F- p' a
- if (typeof window.innerWidth != 'undefined'); p* h5 e1 c, e
- {
* n& g/ a& {* A. H$ q7 {. g - viewportwidth = window.innerWidth,
0 g; r0 a! ?% l+ z! g - viewportheight = window.innerHeight7 m3 a N! _+ d( g6 a
- }
+ G; A+ g/ R2 Q; L- `8 o - 3 g/ m" \1 d1 V; G' i" W2 S4 y% T2 l
- // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
# s; }- R" F& W
6 V# d# O* q# A6 k; g* `2 g5 `- else if (typeof document.documentElement != 'undefined') I& N C7 @) o2 k' K
- && typeof document.documentElement.clientWidth !=
' C5 S( B$ Q- o7 i3 F8 \ - 'undefined' && document.documentElement.clientWidth != 0)
8 r) U7 k1 x4 X; g - {1 v6 a$ {+ F7 ~8 T
- viewportwidth = document.documentElement.clientWidth,
, @1 r7 i7 \( a7 ]. D7 P - viewportheight = document.documentElement.clientHeight0 V: Q* ^' z! x9 ]8 G2 |' J; _
- }
" }* [5 f0 ?7 |$ | f8 B& S - * y. E+ f1 ?: H Q# K
- // older versions of IE/ w9 ]. p5 `' o" X/ P9 q
-
3 R& l8 ] E: ^9 z7 M - else
+ C8 h7 n) J- C/ S* r, l - {4 J: v9 X; n/ s# D- n' O. W: l
- viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
4 D, _ T% U2 { - viewportheight = document.getElementsByTagName('body')[0].clientHeight
* X2 o8 x1 | H' z M! y* h - }
: Z& Y- |2 I; M) h* \ - document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');- \& d, [5 P ]) L! Z! F
- //-->
" P' B8 \9 ` e8 t1 k( |: x0 ] - </script>
銴鋆賭誨蝣 蝯: 狂oogle chrome 憿舐內蝯
* _* {' H' @; v7 t' U4 ` A, \4 z
! [8 v9 N- Z; _/ z6 t5 A4 V
4 C9 k. w$ E, d5 p- m/ l' Z靘皞: Get viewport size (width and height) with javascript& C9 D x* d) G
* R. ]1 R' ^8 P2 n3 U& K! W
9 e# `- q+ ~0 }$ \0 C |
|