砍敺 media 2014-12-10 19:08 蝺刻摩
/ Y U6 w; |4 d* L, y* N: l" ~' U9 o! l9 T q1 r. l
餈甫avascript閬蝒憭批嚗唬閬賢函⊥菜葫銝撖祇憿敺靘曉唬畾菟畾萇撘蝣潘嗥冽潮曉之銝阡*蝷箸澆臭葉憭桐蝵格撣豢具
7 B: `1 P5 }9 I' M9 A- <script type="text/javascript">
: ~* p% v% C' {! W7 L& U" F - <!--$ I& n7 X# c/ w
O: q# F7 Q: @' c8 J- var viewportwidth;+ R) o/ i7 y& L4 Z+ _; K# T
- var viewportheight;
' b0 P! ^$ D$ a/ _0 d - 9 t# b, \& v5 Q) [0 G" P' i! E: \
- // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight( I8 n7 T2 F2 d8 t3 G# {. v) U5 L
-
5 p3 A: \+ ? d - if (typeof window.innerWidth != 'undefined')
: d, o4 k1 U6 n, W! A, P; c - {
b: Q5 g* a3 Y% x* R - viewportwidth = window.innerWidth,
$ R- P6 m8 k9 G; t$ E2 o - viewportheight = window.innerHeight
6 F& P, ^2 r6 p) w - }
! R* x. A* Z& X; W0 E - 8 i3 t' f0 @9 s1 H5 X# z
- // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)! Q: W' W* T6 g( i u( @
- $ R! ^1 |3 _# X% X5 D9 F5 d6 @" F
- else if (typeof document.documentElement != 'undefined'1 o$ y' P2 y8 t4 I% A
- && typeof document.documentElement.clientWidth !=
6 Z) s' u- K6 ?! J - 'undefined' && document.documentElement.clientWidth != 0)9 y' X- H) N/ R
- {
4 M* Y! b3 w+ }& U7 `+ V5 { - viewportwidth = document.documentElement.clientWidth,
% I1 N, P8 ?* y - viewportheight = document.documentElement.clientHeight$ K3 ?! b' P1 x
- }1 n: _1 B* N' ~5 Q1 v3 J0 K
-
6 E; G) d) V* Z! T! O( m2 U% T( B - // older versions of IE
% Q, ?/ K0 _" w& K/ A4 e -
" N: b* {- G: b7 V& U - else' B1 h$ [! J" P$ l/ F. W$ h: l/ d
- {
& {2 k7 ~, J' q7 {! J: a - viewportwidth = document.getElementsByTagName('body')[0].clientWidth,+ Z) s9 s9 n3 {8 B' d3 [0 o" O
- viewportheight = document.getElementsByTagName('body')[0].clientHeight
" M6 ]* i, o7 B: U' T: o% b - }
3 d: K7 S% F2 R5 F% h0 U - document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');8 `$ x+ P2 u) @- Y# B0 F+ l- P5 w
- //-->
$ P8 i+ d1 ~0 n0 ~( I9 ~ - </script>
銴鋆賭誨蝣 蝯: 狂oogle chrome 憿舐內蝯' T3 @, @8 p' Q- d
" _7 P2 Y" H h7 F1 \$ D! S) s
: e# s& p3 X5 \% u
靘皞: Get viewport size (width and height) with javascript- y5 W, d# ^: m- T$ r. [; Z6 P
1 u+ O( w- h9 }: t# D8 }
3 ~5 v4 c7 H' z5 [. F; a/ O
|
|