<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <script type="text/javascript" src="jquery-1.10.1.min.js"></script> </head> <body> <script type="text/javascript"> //做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。 document.writeln($(window).height()+"//浏览器当前窗口可视区域高度<br>"); document.writeln($(document).height()+"//浏览器当前窗口文档的高度<br>"); document.writeln($(document.body).height()+"//浏览器当前窗口文档body的高度<br>"); document.writeln($(document.body).outerHeight(true)+"//浏览器当前窗口文档body的总高度 包括border padding margin<br>"); document.writeln($(window).width()+"//浏览器当前窗口可视区域宽度<br>"); document.writeln($(document).width()+"//浏览器当前窗口文档对象宽度<br>"); document.writeln($(document.body).width()+"//浏览器当前窗口文档body的高度<br>"); document.writeln($(document.body).outerWidth(true)+"//浏览器当前窗口文档body的总宽度 包括border padding margin<br>"); </script> </body> </html>
效果图:
相关推荐
JS,Jquery获取各种屏幕的宽度和高度。
下面小编就为大家带来一篇jQuery 获取屏幕高度、宽度的简单实现案例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
介绍了JS和jquery获取各种屏幕的宽度和高度的代码,有需要的朋友可以参考一下
主要介绍了如何解决jQuery动态获取手机屏幕高和宽的问题,需要的朋友可以参考下
//浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body)....
1、什么时候需要获取图片真实的宽度和高度 在做pc网页的时候,有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式! 另外一种就是在手机页面上,在新闻页插入的图片往往都...
《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的jQuery代码段进行了全方位的介绍和演示。全书分为11章,包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形...
默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化,在说出解决方案前先来普及一下jquery关于定位的几个方法 代码如下: //获取浏览器...
原理很简单: 获取当前屏幕(窗体)的宽度和高度,因为不同浏览器的窗体大小是不一样的。有了这个,可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢?这个时候就要获取当前窗体距离页面顶部的高度...
利用CSS3 Media Queries,该站点可根据浏览器的宽度在iPhone和iPad布局之间切换。 使用最小的javascript框架,并且包括对IE9中所有浏览器的支持。灵感我一直讨厌App Store在网络上的外观。 因此,我想尝试将App ...
此外, 就是期待大家都能把自己的一些经验, 给指导和帮助后来人的东西, 在不影响您 正常工作与其他事情的前提下,奉献出来。至于正确与错误、高超或低下,无关大体。 目 录 1. 事件中的代码在服务器端和客户端,哪...