關於獲取各種瀏覽器可見視窗大小的一點點研究
在我本地測試當中:
在ie、firefox、opera下都可以使用
document.body.clientwidth
document.body.clientheight
即可獲得,很簡單,很方便。
而在公司專案當中:
opera仍然使用
document.body.clientwidth
document.body.clientheight
可是ie和firefox則使用
document.documentelement.clientwidth
document.documentelement.clientheight
原來是w3c的標準在作怪啊
如果在頁面中新增這行標記的話 在ie中:
document.body.clientwidth ==> body物件寬度
document.body.clientheight ==> body物件高度
document.documentelement.clientwidth ==> 可見區域寬度
document.documentelement.clientheight ==> 可見區域高度
在firefox中:
document.body.clientwidth ==> body物件寬度
document.body.clientheight ==> body物件高度
document.documentelement.clientwidth ==> 可見區域寬度
document.documentelement.clientheight ==> 可見區域高度
?在opera中:
document.body.clientwidth ==> 可見區域寬度
document.body.clientheight ==> 可見區域高度
document.documentelement.clientwidth ==> 頁面物件寬度(即body物件寬度加上margin寬)
document.documentelement.clientheight ==> 頁面物件高度(即body物件高度加上margin高)
而如果沒有定義w3c的標準,則
ie為:
document.documentelement.clientwidth ==> 0
document.documentelement.clientheight ==> 0
firefox為:
document.documentelement.clientwidth ==> 頁面物件寬度(即body物件寬度加上margin寬)document.documentelement.clientheight ==> 頁面物件高度(即body物件高度加上margin高)
opera為:
document.documentelement.clientwidth ==> 頁面物件寬度(即body物件寬度加上margin寬)document.documentelement.clientheight ==> 頁面物件高度(即body物件高度加上margin高)
獲取各種瀏覽器可見視窗大小
在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.body.clientwidth docume...
關於獲取各種瀏覽器可見視窗大小
關於獲取各種瀏覽器可見視窗大小 在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.body.cl...
獲取各種瀏覽器可見視窗大小方面的差別
在 我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即 可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.body.clientwidth docu...