砍敺 media 2014-12-10 19:08 蝺刻摩 5 }# Q; F/ S9 e: u7 N* S, K
$ W" ~1 y0 ]- _
餈甫avascript閬蝒憭批嚗唬閬賢函⊥菜葫銝撖祇憿敺靘曉唬畾菟畾萇撘蝣潘嗥冽潮曉之銝阡*蝷箸澆臭葉憭桐蝵格撣豢具
9 l: s, y; {, T6 l! z- <script type="text/javascript">
3 E4 l5 k+ b4 S - <!--
3 T+ e2 p" d+ n. v
0 e ]! K2 E& Z- J- var viewportwidth;- U+ n) e5 T8 {" k; D1 j; U5 m
- var viewportheight;
: U, H, H1 Z* A* w2 H3 Q/ P -
1 u: k% V% i4 v- T# s' l - // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight# Y5 E1 X; }( W
-
8 J* C1 G% Q" \0 g$ ]' j9 D: y7 x0 ` - if (typeof window.innerWidth != 'undefined')4 t$ p- J8 Z7 |3 _7 Q O
- {. A3 i5 V$ N. W
- viewportwidth = window.innerWidth,
- a5 L6 T4 k0 R) Z# N - viewportheight = window.innerHeight% i8 _4 t% @% _
- }9 \8 Z1 ]" G; _2 f# C! f% y: I7 x
-
: N, n- C p7 i: I - // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
7 H1 v E- w$ Y. ?/ ?. r - ) x* M9 U/ \- {6 ?
- else if (typeof document.documentElement != 'undefined'
) R) m' E' }0 ]. W! f - && typeof document.documentElement.clientWidth !=
$ q Q6 I6 R$ Y% z. N- o& g! R' D - 'undefined' && document.documentElement.clientWidth != 0)
7 y6 j/ V8 p+ D* n! K/ q0 ?: E - {: W4 p: m! A0 Q: ?
- viewportwidth = document.documentElement.clientWidth,, h& P! L: v5 L v! X
- viewportheight = document.documentElement.clientHeight
$ C* u& O, P4 a% T - }% z: X! q4 w$ t$ Z& o* B
- $ I7 j+ [9 M. H% G7 j0 L
- // older versions of IE
4 n0 x- m2 _+ Y+ T/ a8 e - f( r, D c: M- N4 e8 `: Z
- else
5 b# @; I: z5 @+ ]' R - {! Q5 ^2 a6 o8 U `
- viewportwidth = document.getElementsByTagName('body')[0].clientWidth,6 E j- G( P. H9 y1 |' f2 ` u& H0 i
- viewportheight = document.getElementsByTagName('body')[0].clientHeight+ W- b J1 v' J6 I# p
- }
8 @5 H9 v4 e& E8 t1 b. k - document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
% x4 A$ L9 d) }0 A" L5 F - //-->( R4 a6 j, }- M# e1 v
- </script>
銴鋆賭誨蝣 蝯: 狂oogle chrome 憿舐內蝯
+ U( ?# l; n# Y
5 `/ o% q! `" R) k" `! ^3 S# E
7 K- P* |9 v. [- e; C: b靘皞: Get viewport size (width and height) with javascript3 i. G3 Q7 V& a- I& j
3 A. C1 |+ _: |/ _' D6 E+ w- I0 j
3 j! `' i- o/ a; C' c |
|