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:

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

时间： 2024-08-05 15:17:53

jQuery获取屏幕的宽度的相关文章

安卓获取屏幕的宽度与高度

获取屏幕的宽度与高度有以下几种方法: 1.WindowManager wm = (WindowManager) getContext()                     .getSystemService(Context.WINDOW_SERVICE);        int width = wm.getDefaultDisplay().getWidth();      int height = wm.getDefaultDisplay().getHeight();   2.Window

获取屏幕的宽度和高度

在js中,特别是在一些功能,比如底部返回哪些按钮等,经常需要用到,这里综合运用以下,以便可以以后快速获取: /** * 获取屏幕的宽度和高度 * @returns {*} */ function client() { if(window.innerWidth){ // ie9+ 最新的浏览器 return { width: window.innerWidth, height: window.innerHeight } }else if(document.compatMode === "CSS1C

jquery获取元素的宽度

jquery 是一个很好用的库,封装了很多易使用的简易 api,方便开发者进行 dom 操作. 今天讨论的是获取元素的宽度,有个小坑需要踩踩,这里记录下: <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <style

JavaScript与jQuery中获取屏幕的宽度和高度的常用方法以及HTML中精确定位

浏览器的宽高示意图: JavaScript中常用的方法: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scr

JS,JQuery各种获取屏幕的宽度和高度

JQuery: $(document).ready(function(){ alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border pa

C#获取屏幕的宽度和高度

//1.在屏幕的右下角显示窗体 //这个区域不包括任务栏的 Rectangle ScreenArea = System.Windows.Forms.Screen.GetWorkingArea(this); //这个区域包括任务栏,就是屏幕显示的物理范围 Rectangle ScreenArea = System.Windows.Forms.Screen.GetBounds(this); int width1 = ScreenArea.Width; //屏幕宽度 int height1 = Scr

JS获取屏幕的宽度和高度

<html> <script> function a(){ document.write( "屏幕分辨率为:"+screen.width+"*"+screen.height +"<br />"+ "屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight +"<br />"+ "网页可见区

android 获取屏幕款高度

       //获取屏幕的宽度  public static int getScreenWidth(Context context) {      WindowManager manager = (WindowManager) context              .getSystemService(Context.WINDOW_SERVICE);      Display display = manager.getDefaultDisplay();      return display

获取屏幕分辨率

方法一.使用GetSystemMetrics函数 GetSystemMetrics函数原型如下: int WINAPI GetSystemMetrics( __in int nIndex); 每一个想要获取的信息对应着一个索引值,把索引值作为参数传递给GetSystemMetrics,将获得对应的信息.其中SM_CXSCREEN.SM_CYSCREEN分别对应获取屏幕的宽度和高度(以像素为单位). int wideScreen=GetSystemMetrics(SM_CXSCREEN); int