首頁  >  文章  >  web前端  >  JS和jquery獲取各種螢幕的寬度和高度的程式碼_基礎知識

JS和jquery獲取各種螢幕的寬度和高度的程式碼_基礎知識

WBOY
WBOY原創
2016-05-16 17:27:13766瀏覽

Javascript:
  網頁可見區域寬: document.body.clientWidth
  網頁可見區域高: document.body.clientHeight
  網頁可見區域可見區域: document.body.body.網頁可見區域高: document.body.offsetHeight (包括邊線的高)
  網頁正文全文寬: document.body.scrollWidth
  網頁正文全文高: document.body.scrollHeight
  網頁正文全文高: document.body.scrollHeight
被捲去的高: document.body.scrollTop
  網頁被捲去的左: document.body.scrollLeft
  網頁正文部分上: window.screenTop
  網頁正文部分上: window.screenTop
  網頁正文部分。的高: window.screen.height
  螢幕解析度的寬: window.screen.width
  螢幕可用工作區高度: window.screen.availHeight   屏幕可用工作區寬度:windowl.
  JQuery:

複製程式碼 程式碼如下:

程式碼如下:  alert($(window).height()); //瀏覽器目前視窗視覺區域高度
  alert($(document).height()); //瀏覽器目前視窗文件的高度
  alert($(document.body).height());//瀏覽器目前視窗文件body的高度
  alert($(document.body).outerHeight(true));//瀏覽器目前視窗文件body的總高度包括border padding margin
  alert($(window).width()); //瀏覽器目前視窗可視區域寬度
  alert($(document).width( ));//瀏覽器目前視窗文件物件寬度
  alert($(document.body).width());//瀏覽器目前視窗文件body的寬度
  alert($(document.body) .outerWidth(true));//瀏覽器目前視窗文件body的總寬度包括border padding margin
  })

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn