Javascript頁面寬度高度

關于獲取各種浏覽器可見窗口大小的一點點研究

<script>

function getInfo()

{

var s = "";

s += " 網頁可見區域寬:"+ document.body.clientWidth;

s += " 網頁可見區域高:"+ document.body.clientHeight;

s += " 網頁可見區域寬:"+ document.body.offsetWidth + " (包括邊線和滾動條的寬)";

s += " 網頁可見區域高:"+ document.body.offsetHeight + " (包括邊線的寬)";

s += " 網頁正文全文寬:"+ document.body.scrollWidth;

s += " 網頁正文全文高:"+ document.body.scrollHeight;

s += " 網頁被卷去的高(ff):"+ document.body.scrollTop;

s += " 網頁被卷去的高(ie):"+ document.documentElement.scrollTop;

s += " 網頁被卷去的左:"+ document.body.scrollLeft;

s += " 網頁正文部分上:"+ window.screenTop;

s += " 網頁正文部分左:"+ window.screenLeft;

s += " 屏幕分辨率的高:"+ window.screen.height;

s += " 屏幕分辨率的寬:"+ window.screen.width;

s += " 屏幕可用工作區高度:"+ window.screen.availHeight;

s += " 屏幕可用工作區寬度:"+ window.screen.availWidth;

s += " 你的屏幕設置是 "+ window.screen.colorDepth +" 位彩色";

s += " 你的屏幕設置 "+ window.screen.deviceXDPI +" 像素/英寸";

//alert (s);

}

getInfo();

</script>

在我本地測試當中:

在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的標准在作怪啊

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

如果在頁面中添加這行標記的話

在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處理頁面
1.javaScript等腳本語言是不能訪問本地文件的,雖然在本機上的一些基于路徑或文件路徑的html頁面中是可以訪問本地文件,但這是因爲同是本地文件,他們之間是可以訪問的! 在XMLHTTP技術中,對于先前的msxml版本的是...查看完整版>>javaScript處理頁面
 
如何獲得一個字符的寬度和高度?
  如何獲得一個字符的寬度和高度?       可以利用FontMetrics對象所提供的getHeight(), charWidth()或者是stringWidth()    方法來獲得顯示某個字符或者是字符串所需要的高度和寬度。例如,在Graphics g中:...查看完整版>>如何獲得一個字符的寬度和高度?
 
如何獲得一個字符的寬度和高度?
  如何獲得一個字符的寬度和高度?  可以利用FontMetrics對象所提供的getHeight(), charWidth()或者是stringWidth()  方法來獲得顯示某個字符或者是字符串所需要的高度和寬度。例如,在Graphics g中:  Stri...查看完整版>>如何獲得一個字符的寬度和高度?
 
ASP獲取圖片寬度和高度的類
ASP獲取圖片寬度和高度的類 ASP獲取圖片寬度和高度的類 呵呵,需要FSO組件支持,調用舉例:程序代碼:IMGPath="icon_lblog.gif"Set PP=New ImgWHInfo W = PP.imgW(Server.Mappath(IMGPath)) H = PP.imgH(S...查看完整版>>ASP獲取圖片寬度和高度的類
 
一個獲取圖片寬度和高度的類
<%Class ImgWHInfo '獲取圖片寬度和高度的類,支持JPG,GIF,PNG,BMP Dim ASO Private Sub Class_Initialize Set ASO=Server.CreateObject("ADODB.Stream") ASO.Mode=3 ASO.Type=1 ...查看完整版>>一個獲取圖片寬度和高度的類
 
通過Adodb.Stream取得圖像(BMP JPG PNG GIF SWF)的高度和寬度
上傳圖片或顯示SWF的時候都希望得到它的高度和寬度基本原理使用Adodb.Stream讀二進制文件然後進行解析,然後返回一數組第一個元素爲類型(BMP JPG PNG GIF SWF)第二個元素爲寬度{width}第三個元素爲高度{height}第四個...查看完整版>>通過Adodb.Stream取得圖像(BMP JPG PNG GIF SWF)的高度和寬度
 
ASP中取得圖片寬度和高度的類(無組件)
<%Class ImgWHInfo '獲取圖片寬度和高度的類,支持JPG,GIF,PNG,BMP Dim ASO Private Sub Class_Initialize Set ASO=Server.CreateObject("ADODB.Stream") ASO.Mode=3 ASO.Type=1 ...查看完整版>>ASP中取得圖片寬度和高度的類(無組件)
 
ASP的一個獲取圖片寬度和高度的類
<%Class ImgWHInfo '獲取圖片寬度和高度的類,支持JPG,GIF,PNG,BMPDim ASOPrivate Sub Class_InitializeSet ASO=Server.CreateObject("ADODB.Stream")ASO.Mode=3ASO.Type=1ASO.OpenEnd SubPrivate Sub Class_T...查看完整版>>ASP的一個獲取圖片寬度和高度的類
 
ASP程序獲取圖片寬度和高度的類源代碼
<% Class ImgWHInfo '獲取圖片寬度和高度的類,支持JPG,GIF,PNG,BMP Dim ASO Private Sub Class_Initialize Set ASO=Server.CreateObject("ADODB.Stream") ASO.Mode=3 ASO.Type=1 ASO.Open End Sub Private Su...查看完整版>>ASP程序獲取圖片寬度和高度的類源代碼
 
 
回到王朝網路移動版首頁