1. 程式人生 > >JS和jquery獲取各種螢幕的寬度和高度

JS和jquery獲取各種螢幕的寬度和高度

在《

》中,需要用到計算當前頁面的寬度,結合iframe的寬度來調整iframe的大小,在前文中計算當前頁面寬度使用的是

window.screen.width,發現在ios裝置是正常縮放,而在Android裝置總是超出螢幕寬度,經過除錯發現window.screen.width是可能超過body的寬度的,所以取寬度要使用document.body.clientWidth。可能是畫素點的問題?

Javascript:

  網頁可見區域寬: 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

  JQuery:

  $(document).ready(function(){

  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

  })

相關推薦

JSjquery獲取各種螢幕寬度高度

在《 》中,需要用到計算當前頁面的寬度,結合iframe的寬度來調整iframe的大小,在前文中計算當前頁面寬度使用的是 window.screen.width,發現在ios裝置是正常縮放,而在Android裝置總是超出螢幕寬度,經過除錯發現window.scree

jsjquery獲取頁面高寬度等資料

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

JsJquery獲取選中select值文字

原文連結:http://www.cnblogs.com/shenyixin/archive/2012/12/11/2813221.html JS: <body> <select name="PaymentType" style="width:110px" &g

使用jQuery獲取元素的寬度高度的幾種情況

今天說說使用jQuery獲取元素大小的遇到幾種情況 使用jQuery獲取元素的寬度或高度的有幾種情況: 1.使用width(),它只能獲取當前元素的內容的寬度; 2.使用innerWidth(),它只能獲取當前元素的內容的寬度+padding; 3.使用outerWidth(),它只能獲取當前元素的內

JS,Jquery獲取各種屏幕的寬度高度

fun 寬度 屏幕分辨率 高度 add IE outer 屏幕 rip Javascript: 網頁可見區域寬: document.body.clientWidth 網頁可見區域高: document.body.clientHeight 網頁可見區域寬: document.

JS/JQ獲取各種螢幕高度寬度

網上總結的蠻全面的了,直接拿來用了: Javascript: 網頁可見區域寬: document.body.clientWidth 網頁可見區域高: document.body.clientHeight 網頁可見區域寬: document.body.offsetW

javascriptjQuery獲取螢幕寬度高度

javascript 網頁可見區域寬: document.body.clientWidth 網頁可見區域高: document.body.clientHeight 網頁可見區域寬: documen

JQuery獲取瀏覽器窗口的高度寬度

UNC ava html logs .com blog 文檔 height asc <script type="text/javascript"> $(document).ready(function() { alert($(window).height());

JsJquery獲取節點、屬性等

1、 獲取和設定屬性 Jquery: $("#testid").attr("value"); //獲取屬性為value的值 $("#testid").attr("value","1"); //設定屬性為value的值 $("#testid").removeAttr("val

JSJquery獲取修改label的值

獲取值: label標籤在JS和Jquery中使用不能像其他標籤一樣用value獲取它的值: var label=document.getElementById("id");var value=label.value;var value=$("#id").val();可以這樣:JS: var label

Android 獲取 螢幕寬度高度——獲取文字高度寬度

獲得螢幕寬度和高度 //直接在子元件中 1、WindowManager wm = (WindowManager) getContext() .getSystemService(Context.WINDOW_SERVI

JavascriptJQuery獲取瀏覽器視窗各種尺寸

原生JS 視窗尺寸: console.log('window.innerWidth = ' + window.innerWidth + '---window.innerHeight = ' + window.innerHeight) console.log('documen

JS/jQuery獲取input的值清空input的valu值

一、獲取input的值 1、通過普通選擇器獲取   通過類選擇器獲取:$('.class').val()   通過id選擇器獲取:$(" #id").val() 2、通過標籤選擇器獲取   $(" in

jsjquery獲取父級元素、子級元素、兄弟元素的方法

最近工作中總遇到取各種父啊子啊兄弟姐妹啊,每次都得查,這次整理個全乎的~  【js的獲取方式】  function dom(){       var a = document.getElementByIdx_x_x("dom");       var b =

JS/jquery獲取iframe內部元素ifame中獲取外部元素精華

1、從外部獲取iframe內部元素方法:  js : window.frames['frame'].document.getElementById("imglist");   //frame為iframe的name值/ID值。  jq : $(window.frames['frame'].document

JS獲取滑鼠位置 jQuery獲取滑鼠位置對比

首先上jQuery的: $(".xxx").click(function(event) { var xx = event.pageX; var yy = event.pageY; alert(xx + yy); }); 然後是JS的: va

jquery獲取上傳進度取消上傳操作

for orm name bsp tty type clas val 計算 var xhrOnProgress=function(fun) { xhrOnProgress.onprogress = fun; //綁定監聽

JavaScriptJQuery獲取DIV的值

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

Js或者jQuery向瀏覽器中寫入讀取cookie

<script> //瀏覽器端設定cookie,value必須是一個字串,如果存入物件可以存一個json字串 function setCookie(name,value) { var

Android獲得螢幕寬度高度

//直接在子元件中 1、WindowManager wm = (WindowManager) getContext()                     .getSystemService(Context.WINDOW_SERVICE);        //目前版本已經