砍敺 media 2014-12-10 19:08 蝺刻摩
. @. q( y5 G: p$ f0 [
6 B; ~% O2 r' U; }6 E餈甫avascript閬蝒憭批嚗唬閬賢函⊥菜葫銝撖祇憿敺靘曉唬畾菟畾萇撘蝣潘嗥冽潮曉之銝阡*蝷箸澆臭葉憭桐蝵格撣豢具9 b# d+ ]; g1 R6 U7 k K0 j
- <script type="text/javascript">
9 X: q3 S# N, U; C# B - <!--7 m8 v$ D1 {$ r4 B
- / X4 Y8 l: z6 O" U% y1 \
- var viewportwidth;
# w6 @( z8 i0 {3 k$ R - var viewportheight;
4 a5 w5 u, F$ b" V -
8 f: g% q, I" X0 y- ]; f- m2 n - // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight) Y$ c# S8 i) E4 B. m- v3 W/ i
-
( W" x, q* J6 X* m; M! u/ E - if (typeof window.innerWidth != 'undefined')
$ ]; v2 Z$ U9 J# z2 C - {, q6 `$ H; z ~/ L4 e5 Q
- viewportwidth = window.innerWidth,
2 ~* g0 C/ c/ e. {+ q* r% g - viewportheight = window.innerHeight& X, L8 r, b% J
- }; S. t" a! Q5 X$ H4 [
-
8 d: @" e, K$ q( }' I - // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)6 ~! Q% B" |! ~5 l2 b
- 2 N: D, F& a8 F
- else if (typeof document.documentElement != 'undefined'( E% h0 L; L8 `
- && typeof document.documentElement.clientWidth !=
- |' }6 }/ x% g j! @! d - 'undefined' && document.documentElement.clientWidth != 0)
) |& V0 N1 `% A7 q/ }+ C - {
9 C+ F$ }, x# v8 L4 c( f" w1 _ - viewportwidth = document.documentElement.clientWidth,: c6 P' t% |5 R4 `' _
- viewportheight = document.documentElement.clientHeight4 Y( q# U4 B9 R3 F" G
- }
1 G. X H' o" V7 D# `: Y -
" N+ U3 p, N8 q6 u0 x$ ?8 ~, [& ~. h2 Q - // older versions of IE
% ?9 H- x8 d7 D# j6 m - 0 K* V% k- Q: e, C* g# I* S8 ^
- else1 ~0 q; O& L5 W
- {
9 o7 q* b+ j3 W( V$ y a - viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
1 L. x) t- D& g, g2 w* C - viewportheight = document.getElementsByTagName('body')[0].clientHeight
) w7 G- `, N/ H: C, G, f$ c! C- y7 { - }
/ b$ a+ ]2 L$ p- O' G( p - document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');6 x. L$ Q& F t5 ^4 |0 _
- //-->
* p3 b6 `3 i% F2 u7 K9 m2 P+ u - </script>
銴鋆賭誨蝣 蝯: 狂oogle chrome 憿舐內蝯$ o1 y- [0 u! u, }5 j
1 Z! Q3 h6 _* v
+ D( g; p- I; f/ L) k) M
靘皞: Get viewport size (width and height) with javascript* o; {5 ]8 ^" B: z1 G" C/ h6 O
! Y! f( F. c- f' H
6 C o. p/ l" E. Q2 ~' z& V |
|