Javascript頁面寬度高度的獲取方法

2021-08-23 13:35:53 字數 1651 閱讀 5962

關於獲取各種瀏覽器可見視窗大小的一點點研究

在我本地測試當中:

在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高)

真是一件麻煩事情,其實就開發來看,寧可少一些物件和方法,不使用最新的標準要方便許多啊。

**:

Javascript頁面寬度高度

關於獲取各種瀏覽器可見視窗大小的一點點研究 在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.b...

計算頁面寬高的函式

關於獲取各種瀏覽器可見視窗大小的一點點研究 在我本地測試當中 在ie firefox opera下都可以使用 document.body.clientwidth document.body.clientheight 即可獲得,很簡單,很方便。而在公司專案當中 opera仍然使用 document.b...

meat搞定HTML頁面寬度自適應

最近在搞wap2.0,才發現越是簡單的東西越是難!這不,今天又發現問題了 頁面傳至伺服器後預覽頁面不能自適應手機寬度,總是呈現網頁版大小!文字小的看都看不清!問了公司技術人員,學習了一下,原來簡單的一句meat就能解決問題啦 網頁手機wap2.0網頁的head裡加入下面這條元標籤,在iphone的瀏...