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

 找回密碼
 立即註冊
查看: 2211|回復: 0

[HTML] 取得目前可見視窗內容的尺寸--Javascript[含1張圖]

[複製鏈接]
發表於 2014-12-10 17:42:11 | 顯示全部樓層 |閱讀模式
tid=159& 本帖最後由 media 於 2014-12-10 19:08 編輯
0 N. w; r. {' R4 w+ N" K* ]8 [3 J. T, w0 P5 {1 \" q
最近用javascript取視窗的大小時,遇到不同瀏覽器無法偵測或不同的寬高的問題。後來找到下段這段程式碼,當用於點圖放大並顯示於前景中央位置時非常有用。
" ^# t% e/ `, P
  1. <script type="text/javascript">
    2 ]8 G" y+ o/ \9 ^
  2. <!--- h6 S) \0 {' V" m" A3 {

  3. ; I( ^6 j8 H# G$ ^
  4. var viewportwidth;
      Q$ c5 E+ ~4 L( f9 Y7 Q: x
  5. var viewportheight;
    9 ]: v3 p8 Y7 ^0 j$ Q+ \; Z
  6. ( {' X4 o1 s3 `2 a- W7 @% [9 j
  7. // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
      b" }, M  g! s3 L8 C
  8. $ K$ {- F5 z- O" g4 x
  9. if (typeof window.innerWidth != 'undefined'), m: s* K6 M* j0 m0 U' Y
  10. {$ d9 R  f% `5 {6 s# A
  11.       viewportwidth = window.innerWidth,
    % A1 d9 |/ b. U0 |+ N
  12.       viewportheight = window.innerHeight8 Y- R/ \% O, `
  13. }
    9 Q# ]" c( ?0 X6 \3 n4 P0 a
  14. $ d! T9 w) ?% r/ _0 O# E7 T% V
  15. // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    ) N3 I# a" k3 g' d! a( `) R1 {% V

  16. ( ^( t0 E7 _6 _3 H
  17. else if (typeof document.documentElement != 'undefined'$ {" U# ^7 y; B3 I
  18.      && typeof document.documentElement.clientWidth !=8 H- _# |( Y7 Q. v- U6 v$ Z) L
  19.      'undefined' && document.documentElement.clientWidth != 0)
    8 o1 @: _; [0 v) Q
  20. {; D! q  f4 g9 T& Y  d7 s
  21.        viewportwidth = document.documentElement.clientWidth,! i$ I+ p/ X) i' r; p% ]! G
  22.        viewportheight = document.documentElement.clientHeight
    $ z8 v$ J0 j# M% B3 l" E/ m
  23. }
    ! f) f- Q9 N4 W# g) f

  24. 7 c5 `& Y; d/ R- b
  25. // older versions of IE
    + ]! o9 m$ t7 U! H  W

  26. 2 _0 a' O* @6 j9 U) D' o
  27. else3 z  Y! R) u9 R4 j" E& V9 ?
  28. {7 j! E1 h: v+ _
  29.        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    + c* h5 [6 ~" A
  30.        viewportheight = document.getElementsByTagName('body')[0].clientHeight* G# J! r( c" w3 t  E8 N
  31. }/ j3 B" ]+ g8 G% E1 W; u  B5 n! |( m
  32. document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
    2 R! Q& i; K# S  G& f( i% ?
  33. //-->* G# \8 O5 N: a+ p6 E8 H
  34. </script>
複製代碼
結果: 在google chrome 顯示結果6 C+ N* C; y( `0 K6 t0 B7 X, f
1.png
- C+ V9 `; D2 `. ]- q# W7 g5 j5 d
( W" ?8 Q9 Y! X: N5 r
來源:
Get viewport size (width and height) with javascript
0 d0 l  y! H1 X* n) F

! |2 M- {) ~; P. A0 u

3 x: h. [9 g0 V+ D: B
回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則



中文酷站排行榜

本區塊內容依據『電腦網路內容分級處理辦法』為限制級網站,限定年滿18歲以上或達當地國家法定年齡人士方可進入,且願接受本站各項條款,未滿18歲 謝絕進入瀏覽。為防範未滿18歲之未成年網友瀏覽網路上限制級內容的圖文資訊,建議您可進行網路內容分級組織ICRA分級服務的安裝與設定。 (為還給愛護 本站的網友一個純淨的論壇環境,本站設有管理員)

QQ|小黑屋|手機板| 52AV手機A片王

GMT+8, 2026-2-4 13:16 , Processed in 0.048706 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回復 返回頂部 返回列表