會員登入 新朋友?立刻註冊
[說明]
文章會慢慢移新精讚 //n.sfs.tw
2019/2/23 星期六     [文章分類及列表]
精讚Blog logo 部落格是自己寫爽的
精讚部落 > 前端程設 > HTML/CSS
javascript 取回使用者目前的瀏覽器內容的寬和高 無次要群組 列印 推薦
作者或來源 瘦河馬 2010-04-18 12:49:23
關鍵字 1javascript 2innerwidth 3clientwidt 4瀏覽器
此文完整連結 http://n.zipko.info/466.html
文章歡迎轉載,請尊重版權註明連結來源。

javascript 取回使用者目前的瀏覽器內容的寬和高

要如何知道目前使用者瀏覽器內容的寬和高呢?

在 IE 上,讀取這個屬性 clientHeight/clientWidth,而 FF 上則讀取 innerWidth/innerHeight。

  if( typeof( window.innerWidth ) == 'number' ) {
    myWidth = window.innerWidth-20;
    myHeight = window.innerHeight-20;
  } else{
    myWidth = document.documentElement.clientWidth-20;
    myHeight = document.documentElement.clientHeight-20;
  }

這樣取得的 myWidth/myHeight 就是瀏覽器可用的內容大小,至於 -20 的原因是因為如果旁邊出現 scroll bar ,這個寬度或高度是包含那個scroll bar。但是事實上,在scroll bar 後面的內容是會被擋到的,所以先扣掉 20,看來比較美觀,如果要精確一點,-16 即可。

 

END
F B 留 言 版

留言結束請重新整理網頁顯示留言
相 關 文 章
同 群 組 其 他 文 章
隨 機 文 章
精讚部落版權所有(c) JinZan Blog http://n.zipko.info Author axer@tc.edu.tw. 最佳瀏器為Firefox,本網頁不支援IE6。[文章分類及列表]
本站最佳瀏覽解析度1024x768 網站建置 2009.11