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
})
相關推薦
JS和jquery獲取各種螢幕的寬度和高度
在《 》中,需要用到計算當前頁面的寬度,結合iframe的寬度來調整iframe的大小,在前文中計算當前頁面寬度使用的是 window.screen.width,發現在ios裝置是正常縮放,而在Android裝置總是超出螢幕寬度,經過除錯發現window.scree
js和jquery獲取頁面高寬度等資料
網頁可見區域寬:document.body.clientWidth 網頁可見區域高:document.body.clientHeight 網頁可見區域寬:document.body.offsetWidth(包括邊線的寬) 網頁可見區域高:document.body.off
Js和Jquery獲取選中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
javascript和jQuery獲取螢幕寬度和高度
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());
Js和Jquery獲取節點、屬性等
1、 獲取和設定屬性 Jquery: $("#testid").attr("value"); //獲取屬性為value的值 $("#testid").attr("value","1"); //設定屬性為value的值 $("#testid").removeAttr("val
JS和Jquery獲取和修改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
Javascript和JQuery獲取瀏覽器視窗各種尺寸
原生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
js和jquery獲取父級元素、子級元素、兄弟元素的方法
最近工作中總遇到取各種父啊子啊兄弟姐妹啊,每次都得查,這次整理個全乎的~ 【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; //綁定監聽
JavaScript和JQuery獲取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); //目前版本已經