1. 程式人生 > >javascript和jQuery獲取螢幕寬度和高度

javascript和jQuery獲取螢幕寬度和高度

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

$(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   })

相關推薦

javascriptjQuery獲取螢幕寬度高度

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

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

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

JavascriptJquery獲取瀏覽器螢幕各種高度寬度

Javascript: IE中: document.body.clientWidth ==> BODY物件寬度 document.body.clientHeight ==> BODY物件高度 document.documentElemen

JavascriptJquery獲取瀏覽器屏幕各種高度寬度

pad post 屏幕分辨率 otto 方式 刪除 javascrip block htm Javascript: IE中:document.body.clientWidth ==> BODY對象寬度document.body.clien

JS,Jquery獲取螢幕寬度高度,解析度

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

JSjquery獲取各種螢幕寬度高度

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

javascript獲取瀏覽器寬度高度

測試瀏覽器及版本:IE8、FF5、Chrome12 螢幕解析度:1366 x 768 1.獲取螢幕解析度(所有瀏覽器一致): 螢幕橫向解析度:window.screen.width   1366 螢幕縱向解析度:window.screen.height   768 2

獲取網頁瀏覽器視窗的寬度高度

情況一: // 獲取瀏覽器視窗可視區域的寬度 不包含滾動條 var width=document.body.clientWidth; // 獲取網頁內容的實際高度 var height=document.body.clientHeight; console.log(width,height

JavaScriptJQuery獲取DIV的值

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

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

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

Android獲得螢幕寬度高度

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

【JAVA】獲取本地伺服器圖片的寬度高度

此篇文章轉自https://blog.csdn.net/u010648555/article/details/51647557 java獲取圖片的大小和尺寸,有兩種獲取的源,一種是讀取本地的圖片獲取大小和尺寸,一種是通過伺服器上圖片的地址獲取圖片的尺寸!下面整理出這兩種方式的簡易程式碼,希望幫助

動態獲取設定ImageView的寬度高度

內某金融企業的一道面試題:如何在程式碼中獲得一個ImageVIew的高度和寬度? 相信很大一部分人,會直接想到用imageview.getWidth() 和 imageview.getHeight() 來獲得,其實不然。 我們可以自己寫個程式來跑一下,當我們放置一張圖

jsjquery獲取頁面高寬度等資料

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

JavaScriptjQuery獲取inpu…

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

jquery 獲取鼠標元素的坐標點

pre out top arp height html pos fse on() 獲取當前鼠標相對img元素的坐標 $(‘div‘).mousemove(function(e) { varpositionX=e.pageX-$(this).offset().

jquery獲取已選擇未選擇的checkBox項以及清空所選項

獲取已選中的: var checkedArr = []; $("input[name='xxx']:checked").each(function() { checkedArr.push($(this).val()); }); 獲取未選中的: var notCheckedA

JsJquery獲取選中select值文字

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

JsJquery獲取節點、屬性等

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