52AV手機A片王|52AV.ONE

標題: 取得目前可見視窗內容的尺寸--Javascript [打印本頁]
作者: media    時間: 2014-12-10 17:42
標題: 取得目前可見視窗內容的尺寸--Javascript
本帖最後由 media 於 2014-12-10 19:08 編輯
, H/ H- h( |) h
1 Y7 }- U6 |  b" q: O6 d. a最近用javascript取視窗的大小時，遇到不同瀏覽器無法偵測或不同的寬高的問題。後來找到下段這段程式碼，當用於點圖放大並顯示於前景中央位置時非常有用。+ O, t' e- ~% q' Q
  1. <script type="text/javascript">5 S0 G! B7 b8 E  }! Y' D7 G
  2. <!--
    / V- E6 x7 B0 c( O. s

  3. ; q1 F2 n% z  d! b# _
  4. var viewportwidth;, x$ h9 n% h: z8 ]
  5. var viewportheight;2 ]  D+ a+ b; o5 v/ b

  6. $ m2 I  J  q) H1 Z6 U  I; \
  7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
    7 P% Q9 L3 L: l; G" L1 x! n- T9 I

  8. ) G" O6 y* {$ i  j4 Z) w
  9. if (typeof window.innerWidth != 'undefined')% U+ S/ b  h7 D( {
  10. {
    # Z0 v$ W& q3 B' q
  11.       viewportwidth = window.innerWidth,7 _2 p: N; N" e, r7 D. J+ @
  12.       viewportheight = window.innerHeight
      z6 f' I$ }+ O: E
  13. }7 H9 K( Y, K* N; N# }+ N/ g
  14. 0 M) w. `: S# Q: {
  15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    & N" W! ]% V- I2 F3 p7 G
  16. * e( `, B  q7 W/ v; L7 B0 |5 d
  17. else if (typeof document.documentElement != 'undefined'
    ; X, Z  l/ _/ z/ j3 \/ v" j% v
  18.      && typeof document.documentElement.clientWidth !=
    $ ]4 R: t& \; Y. n7 u9 w9 N" g
  19.      'undefined' && document.documentElement.clientWidth != 0)9 O7 M/ K) w( W  d0 g
  20. {
    * ]2 g6 z8 ]7 c' p4 ?/ {- H
  21.        viewportwidth = document.documentElement.clientWidth,7 |) }" @2 e; b
  22.        viewportheight = document.documentElement.clientHeight
      m5 F  F  X8 R0 |
  23. }
    9 r5 u2 q+ V; K8 P5 h5 y
  24. % z6 \3 n  U+ C- S0 v5 o
  25. // older versions of IE* ~$ q5 y( Q' @$ ]9 f0 [- k" Z

  26. ) s4 }- M/ B- U9 A1 p# w9 I
  27. else
      F& D" K# ]+ d. y* f( q$ G% a/ V
  28. {/ G3 [5 v! Z* I
  29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,5 g9 R8 ^, c6 Z* C
  30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    7 s  V9 L- I. B
  31. }- S3 U. i1 ^2 Q( A! U0 O* s, U# }3 v
  32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');+ a8 M  @; n* k6 R$ U
  33. //-->
    & l7 Q5 ]7 V; n
  34. </script>
複製代碼
結果: 在google chrome 顯示結果5 N9 b& u# ^+ B5 u
8 C+ c8 X0 s8 R9 |0 D6 `% w2 A& W

  t& n6 ]! ^  e' W9 G來源: Get viewport size (width and height) with javascript% H! |" n: C' |

; O9 Q+ o2 S+ Y; I6 u0 A9 T
9 H) I/ Z) B7 [' I; j' P- H. _



歡迎光臨 52AV手機A片王|52AV.ONE (https://www.52av.one/) Powered by Discuz! X3.2