阿蜜果

你所浪費的今天，是昨天死去的人奢望的明天。
你所厭惡的現在，是未來的你回不去的曾經。

posts - 297, comments - 1618, trackbacks - 0

獲取瀏覽器窗口的大小

< html >

???? < head >

???????? < title > 獲取瀏覽器窗口的大小 </ title >

???? </ head >

???? < body >

???????? < script? type ="text/javascript" >

???????? <!--

???????????? var ?winWidth? = ? 0 ;

???????????? var ?winHeight? = ? 0 ;

???????????? // 獲得窗口寬度

???????????? if (window.innerWidth)? {

????????????????document.write( " innerWidth<br> " );

????????????????winWidth? = ?window.innerWidth;

????????????} ? else ? if ((document.body)? && ?(document.body.clientWidth))? {

????????????????winWidth? = ?document.body.clientWidth;

????????????}

???????????? // 獲得窗口高度

???????????? if (window.innerHeight)? {

????????????????document.write( " innerHeight<br> " );

????????????????winHeight? = ?window.innerHeight;

????????????} ? else ? if ((document.body)? && ?(document.body.clientHeight))? {

????????????????winHeight? = ?document.body.clientHeight;

????????????}

???????????? if (document.documnetElement? && ?document.documnetElement.clientHeight? && ?document.documnetElement.clientWidth)? {

????????????????alert( " documnetElement<br> " );

????????????????winWidth? = ?document.documnetElement.clientWidth;

????????????????winHeight? = ?document.documnetElement.clientHeight;

????????????}

????????????document.write( " 瀏覽器窗口實際寬度:? " ? + ?winWidth? + ? " <br> " );

????????????document.write( " 瀏覽器窗口實際高度:? " ? + ?winHeight);

???????? // -->

???????? </ script >

???? </ body >

</ html >

輸出結果如下：
瀏覽器窗口實際寬度: 858
瀏覽器窗口實際高度: 598

posted on 2007-03-11 12:57 阿蜜果閱讀(1272) 評論(1) 編輯收藏所屬分類: 芝麻粒知識

FeedBack:

# re: 獲取瀏覽器窗口的大小

2007-04-11 14:08 | @#$%

我很想知道
你怎么實現的這種樣式
也下了源碼看看了一下，
不過發現好麻煩啊，
做出這種效果真的需要這么麻煩嗎
還是你有什么訣竅
回復更多評論

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: 獲取瀏覽器窗口的大小顯示瀏覽器名稱和版本號 document.links[].href的使用舉例 document.close()和document.open()的使用 html的定位和相關屬性----document.location的使用 html中通過js獲得上次修改日期使用html的框架舉例顯示全屏窗口的js

<

2025年6月

>

日

一

二

三

四

五

六

25

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

      生活將我們磨圓，是為了讓我們滾得更遠——“圓”來如此。
      我的作品：
  玩轉Axure RP （2015年12月出版）

Power Designer系統分析與建模實戰（2015年7月出版）

Struts2+Hibernate3+Spring2 （2010年5月出版）

留言簿(263)

隨筆分類

隨筆檔案

文章分類

相冊

關注blog

積分與排名

最新評論

閱讀排行榜

評論排行榜