< 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 阿蜜果閱讀(1270) 評論(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