1. 程式人生 > >js獲取瀏覽器可視區域的寬度

js獲取瀏覽器可視區域的寬度

   在沒有宣告DOCTYPE的IE中,瀏覽器顯示視窗大小隻能以下獲取:

document.body.offsetWidth document.body.offsetHeight 在聲明瞭DOCTYPE的瀏覽器中,可以用以下來獲取瀏覽器顯示視窗大小: document.documentElement.clientWidth document.documentElement.clientHeight    網頁可見區域寬: document.body.clientWidth; 
   網頁可見區域高: document.body.clientHeight; 
   網頁可見區域高: document.body.offsetWidth;  //包括邊線的寬
   網頁可見區域高: document.body.offsetHeight; //包括邊線的寬
   網頁正文全文寬: document.body.scrollWidth; 
   網頁正文全文高: document.body.scrollHeight; 
   網頁被捲去的高: document.body.scrollTop;
   網頁被捲去的左: document.body.scrollLeft;
   網頁正文部分上: window.screenTop; 
   網頁正文部分左: window.screenLeft; 
   螢幕解析度的高: window.screen.height;
   螢幕解析度的寬: window.screen.width;
   螢幕可用工作區高度: window.screen.availHeight; 
   螢幕可用工作區寬度: window.screen.availWidth;


   clientX 設定或獲取滑鼠指標位置相對於視窗客戶區域的 x 座標,其中客戶區域不包括視窗自身的控制元件和滾動條。
   clientY 設定或獲取滑鼠指標位置相對於視窗客戶區域的 y 座標,其中客戶區域不包括視窗自身的控制元件和滾動條。
   offsetX 設定或獲取滑鼠指標位置相對於觸發事件的物件的 x 座標。
   offsetY 設定或獲取滑鼠指標位置相對於觸發事件的物件的 y 座標。
   screenX 設定或獲取獲取滑鼠指標位置相對於使用者螢幕的 x 座標。
   screenY 設定或獲取滑鼠指標位置相對於使用者螢幕的 y 座標。
   x 設定或獲取滑鼠指標位置相對於父文件的 x 畫素座標。
   y 設定或獲取滑鼠指標位置相對於父文件的 y 畫素座標。

相關推薦

js獲取瀏覽器區域寬度

   在沒有宣告DOCTYPE的IE中,瀏覽器顯示視窗大小隻能以下獲取: document.body.offsetWidth document.body.offsetHeight 在聲明瞭DOCTYPE的瀏覽器中,可以用以下來獲取瀏覽器顯示視窗大小: docume

js滾動及區域的相關的操作

eight 可能 ins TP sof ron family client 祖先 element.getBoundingClientRect 判斷指定元素相對於頁面可視窗口的位置信息,通常結合windows.onScroll方法使用,當element.getBounding

取不同瀏覽器區域寬高方法

new function family The port onos idt pac offset function getViewportOffset(){ if(window.innerWidth){ return { w:window.

原生JS的(區域,向上滾動向下滾動兩種)圖片懶載入

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>

echo.js改造 實現區域圖片懶載入,lazyload效果

原來的echo.js有個缺點,快速滾動的時候不載入圖片,按住滾動條不放的時候圖片不載入,造成圖片空白不符合專案要求 改進程式碼如下: <script src="echo.min.js"></script> <script type="text

js獲取瀏覽器當前螢幕的寬度和高度

1.獲取HTML元素     document.documentElement 2.獲取body元素     document.body 3.相容所有瀏覽器獲取當前螢幕的寬度。    var winWidth 

Android獲取視窗區域大小: getWindowVisibleDisplayFrame()

getWindowVisibleDisplayFrame()方法 getWindowVisibleDisplayFrame()是View類下的一個方法,從方法的名字就可以看出,它是用來獲取當前視窗可視區域大小的。 此方法的原型為 public void

Android 系統(49)---Android獲取視窗區域大小: getWindowVisibleDisplayFrame()

getWindowVisibleDisplayFrame()方法getWindowVisibleDisplayFrame()是View類下的一個方法,從方法的名字就可以看出,它是用來獲取當前視窗可視區域大小的。此方法的原型為public void getWindowVisibleDisplayFrame(Re

js獲取瀏覽器和裝置相關寬度和高度

首先呢,我們將iPhone手機的相關資料表示如下   我們要理解很多東西,比如邏輯解析度、物理解析度、縮放因子、ppi等,這裡先不討論。 首先呢,我們先介紹下各個螢幕寬度: 網頁可見區域寬: document.body.clientWidth 網頁可見區域高: doc

js獲取瀏覽器和設備相關width(屏幕的寬度

view dev viewport document one size ini left cal 首先呢,我們將iPhone手機的相關數據表示如下 我們要理解很多東西,比如邏輯分辨率、物理分辨率、縮放因子、ppi等,這裏先不討論。 首先呢,我們先介紹下各個屏幕寬度: 網

js 獲取瀏覽器高度和寬度

工作 nth 目前 idt 可見 精確 滾動 獲取對象 nbsp IE中: document.body.clientWidth ==> BODY對象寬度 document.body.clientHeight ==> BODY對象高度 document.docum

獲取屏幕寬高度與區域寬高度(availWidth、clientWidth、width、innerWidth)

標簽欄 獲取 包含 cli 頂部 bsp ima img nbsp   經常會遇到需要獲取屏幕寬度、高度,可視區域寬度、高度等問題,也就常跟這幾個打交道,一不小心,還真愛弄混淆了。   先來列舉下這幾個吧:   screen.availHeight、screen.ava

jQuery中獲取文檔的高度、區域高度以及滾動條距頁面頂部的高度

doc 支持 document span ros p s margin window 窗口 在寫頁面的時候,經常會碰到這樣的情況,就是要獲取文檔的高度、可視區域高度或者滾動條距頁面頂部的高度等情況。 但我總是有些愛搞混淆了,這裏還是簡單做個筆記吧,這裏只限於使用jQuer

瀏覽器窗口區域大小

設置 ble safari tle containe ava 指定 lpad 內部 一:網頁可見區域寬高,不包括工具欄和滾動條(瀏覽器窗口可視區域大小) 1.對於IE9+、chrome、firefox、Opera、Safari: window.innerHeight瀏覽器窗

js判斷元素是否在區域

comm scrolltop odi class screen lin 如果 set pre js部分: //監聽滾動條滑動距離 $(window).on('scroll', function(){ v

原生JS相容所有瀏覽器獲取瀏覽器高度和寬度,響應式佈局 js 獲取瀏覽器高度和寬度值(相容多瀏覽器)

var width = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;

JS獲取瀏覽器視窗大小 獲取螢幕,瀏覽器,網頁高度寬度(轉載)

網頁可見區域寬:document.body.clientWidth 網頁可見區域高:document.body.clientHeight 網頁可見區域寬:document.body.offsetWidth (包括邊線的寬) 網頁可見區域高:document

js獲取瀏覽器和裝置相關width(螢幕的寬度

網頁可見區域寬: document.body.clientWidth網頁可見區域高: document.body.clientHeight網頁可見區域寬: document.body.offsetWidth (包括邊線的寬)網頁可見區域高: document.body.offsetHeight (包括邊線的高

輪播圖 寬度自適應,區域小於1920時,圖片水平居中

img100%寬度,最小寬度1920,瀏覽器可視寬度小於1920時讓圖片水平居中 涉及的知識點:jq 獲得可視區域寬度:$(window).width(), jq視窗檢測事件:$(window).resize(function(){/*要修改的程式碼*/})

js擷取頁面內容、生成png(包括非區域)、下載到本地

喲,很有緣啊 首先引入我提供的 js,(自己喜歡的也行。) <script type="text/javascript" charset="UTF-8" src="./js/printer/html2canvas.min.js"></scri