`
Maplemirror
  • 浏览: 30051 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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获取各种屏幕的宽度和高度

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

    jQuery 获取屏幕高度和宽度

    NULL 博文链接:https://onestopweb.iteye.com/blog/2258477

    JS和jquery获取各种屏幕的宽度和高度的代码

    介绍了JS和jquery获取各种屏幕的宽度和高度的代码,有需要的朋友可以参考一下

    解决jQuery动态获取手机屏幕高和宽的问题

    主要介绍了如何解决jQuery动态获取手机屏幕高和宽的问题,需要的朋友可以参考下

    jQuery 获取屏幕高度、宽度的简单实现案例

    下面小编就为大家带来一篇jQuery 获取屏幕高度、宽度的简单实现案例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    JQuery获取当前屏幕的高度宽度的实现代码

    //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body)....

    js和jquery如何获取图片真实的宽度和高度

    1、什么时候需要获取图片真实的宽度和高度 在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式! 另外一种就是在手机页面上,在新闻页插入的图片往往都...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    jquery easyui滚动条部分设置介绍

    默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化,在说出解决方案前先来普及一下jquery关于定位的几个方法 代码如下: //获取浏览器...

    基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)

    原理很简单: 获取当前屏幕(窗体)的宽度和高度,因为不同浏览器的窗体大小是不一样的。有了这个,可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢?这个时候就要获取当前窗体距离页面顶部的高度...

    jQuery.sliderFS:具有全屏和触摸功能的 jQuery 滑块

    滑块FS sliderFS 是一个轻量级的滑块插件,具有全屏和触摸功能。...更新还没有更新特征选项宽度高度自动动画间隔显示菜单菜单位置菜单容器贡献我鼓励对 sliderFS 的贡献,并将审查提交的所有拉取请求。

    tiksluscarousel:完全响应的jQuery轮播

    6 月 3 日发布) Tikslus 轮播是一个基于 jquery 的完全响应式图像轮播,具有以下特点: 完全响应 可以在不提供图像宽度和高度的情况下使用 支持自定义动画 通过 CSS3 类 可以与 Jquery Mobile 插件一起使用2.1.2 新...

    xheditor-1.1.14

    方法2:利用xhEditor提供的jQuery插件接口来实现对特定textarea的初始化和传递参数,例: $('#elm1').xheditor(); 或者 $('#elm1').xheditor({tools:'mini'}); 特别说明:两种初始化方法只能选择其中一种使用,如果...

    app-store-web-port:将iOS 10 App Store UI端口连接到Web。 遵循高度响应的网页设计,并具有自定义的iPhone和iPad布局。 演示可用

    利用CSS3 Media Queries,该站点可根据浏览器的宽度在iPhone和iPad布局之间切换。 使用最小的javascript框架,并且包括对IE9中所有浏览器的支持。灵感我一直讨厌App Store在网络上的外观。 因此,我想尝试将App ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle=...

    ExtAspNet_v2.3.2_dll

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle=...

    UniGUI 说明

    此外, 就是期待大家都能把自己的一些经验, 给指导和帮助后来人的东西, 在不影响您 正常工作与其他事情的前提下,奉献出来。至于正确与错误、高超或低下,无关大体。 目 录 1. 事件中的代码在服务器端和客户端,哪...

Global site tag (gtag.js) - Google Analytics