- 浏览: 63308 次
- 性别:
- 来自: 大连
文章分类
最新评论
<script type="text/javascript">
$(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
}
)
</script>
详细出处参考:http://www.jb51.net/article/27670.htm
$(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
}
)
</script>
详细出处参考:http://www.jb51.net/article/27670.htm
发表评论
-
Jquery实现表格行的动态增加与删除
2014-05-29 08:45 1265<!DOCTYPE html PUBLIC " ... -
CSS3伪类选择器
2014-04-18 09:32 620CSS的伪类语法和别的语 ... -
Jquery实现选中左边的下拉菜单点击按钮之后跑右边
2014-04-15 14:34 1046script代码: <script type=" ... -
html之marquee详解
2014-03-28 10:07 646该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核 ... -
Html中a标签的四个属性 link ,visited , hover ,active 是有顺序的! LVHA
2014-03-25 15:39 19091。html中a标签的四个属性书写是有顺序的,如果顺序不对,显 ... -
修改360浏览器内核
2014-03-10 17:19 1945浏览器内核控制Meta标签说明文档 背景介绍 由于众所周知 ... -
实现DIV层内的文字垂直居中
2014-03-07 14:03 770有时候,为了网页设计的美观,需要把div+css设计的页面里的 ... -
bootstrap时间控件
2014-03-06 13:27 1227<!DOCTYPE html PUBLIC " ... -
IE=EmulateIE7 标签的作用
2014-02-28 14:05 655对于 Web 开发人员来说 ... -
修改IE浏览器默认的文档模式
2014-02-28 13:26 1927开始运行输入C:\Windows\System32\gpedi ... -
网页制作中Iframe自适应高度的解决办法
2013-12-27 10:14 593进行网页设计时,由于网站的海量信息以及标准化的网页制作模式 ... -
iframe,frameset区别
2013-12-05 10:24 577■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得 ... -
顶部浮动
2013-11-29 09:37 447<!DOCTYPE html PUBLIC " ... -
js+JQuery实现返回顶部功能
2013-11-18 11:05 549很多网站上都有返回顶部的效果,本文阐述如何使用jquery实现 ... -
转 CSS hack:针对IE6,IE7,firefox显示不同效果
2013-09-05 13:55 1005CSS hack:针对IE6,IE7,firefox显示不同效 ... -
white-space:
2013-08-30 10:57 508定义和用法 white-space 属性设置如何处理元素内的空 ... -
通过css将直角矩形变为圆角矩形
2013-08-30 10:56 1229{border-radius:6px 6px 0 0} -
整合IE7与其他IE版本的兼容
2013-08-21 09:39 602<!--[if lte IE 7]> <d ... -
常见浏览器兼容性问题与解决方案css篇
2013-08-12 17:17 780所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同 ... -
如何在页面中设置IE浏览器的文档模式
2013-08-04 12:58 1106如何在页面中设置IE浏 ...
相关推荐
本文将详细讲解如何使用jQuery获取屏幕的高度和宽度,这对于创建响应式网页设计或者根据屏幕尺寸调整元素布局至关重要。 首先,我们需要了解什么是屏幕高度和宽度。屏幕高度是指浏览器窗口可视区域的垂直尺寸,而...
### JS与jQuery获取屏幕宽度和高度的相关知识点 在前端开发中,经常需要获取用户的屏幕尺寸信息,例如宽度和高度等,这些数据对于响应式设计、布局调整等方面具有重要作用。通过JavaScript(简称JS)和jQuery这两种...
以下是对标题"JQuery获取当前屏幕的高度宽度的实现代码"以及描述中所涉及知识点的详细解释。 1. **jQuery基础**: jQuery是一个JavaScript库,它简化了HTML DOM遍历、事件处理、动画制作以及Ajax交互。使用`$`符号...
首先,`$(window).height()` 和 `$(window).width()` 是用来获取浏览器当前窗口可视区域的高度和宽度,也就是用户在屏幕上看到的网页部分,不包括滚动条。例如,在提供的代码中,`$(window).height()` 返回的是267...
首先,jQuery提供了`$(window).height()`和`$(window).width()`这两个方法来获取当前窗口(包括滚动条)的可视区域高度和宽度。然而,在某些情况下,特别是在页面加载的早期阶段,这些方法可能返回不准确的结果,...
例如,可以使用`$(window).width()`获取当前窗口宽度,再根据图片的原始宽高比调整其高度。 5. **动画效果**: - jQuery提供了丰富的动画效果,如`.fadeIn()`和`.fadeOut()`,可以用来创建平滑的图片切换效果。...
14. **屏幕可用工作区宽度**:`window.screen.availWidth` 用户可用的屏幕宽度,减去任务栏等系统元素。 接下来,我们将讨论jQuery中的相关方法,jQuery提供了一种更简洁的方式来获取这些值: 1. **浏览器当前窗口...
//浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body)....
本文将详细讲解如何使用JQuery实现图片的自适应宽度以及表格List的自适应屏幕宽度。 首先,让我们关注JQuery图片自适应宽度的实现。JQuery是一种强大的JavaScript库,它简化了DOM操作,事件处理和动画效果。要使...
本压缩包文件"javascript获取当前页面可视高度和宽度及浏览器宽度和高度的函数.rar"包含了相关知识点的详细讲解,主要集中在JavaScript的DOM操作和窗口对象(Window)的属性与方法上。 1. **当前页面可视区域尺寸**...
$(window).height()方法获取当前浏览器窗口内容区域的高度,并将这个值赋给变量h。最后,使用alert弹出窗口显示高度的值。 需要注意的是,在不同浏览器中,比如在 Firefox 和 Internet Explorer 中,执行上述代码...
本项目“jQuery自适应宽度跟高度相册代码”旨在创建一个能根据浏览器窗口大小自适应调整宽度和高度的图片相册,同时支持通过键盘左右键进行图片轮换,为用户提供更流畅的浏览体验。 首先,我们来深入了解一下jQuery...
- `document.body.scrollTop` 和 `document.body.scrollLeft` 用于获取当前滚动条的位置。 - `window.screenTop` 和 `window.screenLeft` 表示浏览器窗口在屏幕上的位置。 - `window.screen.height` 和 `window....
本篇文章将深入探讨如何使用jQuery获取不同层面的高度和宽度,以及与滚动条相关的属性。 首先,我们来了解几个基本的概念: 1. **浏览器显示区域**:这是用户在浏览器窗口中实际看到的部分,不包括工具栏、地址栏...
对于"jQuery自适应父容器宽度高度特效代码",其核心思路是监听父容器的尺寸变化,并根据这些变化动态调整子元素的属性,如字体大小(font-size)。以下是一个简单的示例: ```javascript $(document).ready...
在 `letDivCenter()` 函数中,我们使用 JQuery 的 `offset()` 方法来获取窗口的高度和宽度,然后计算弹出层的位置,并使用 `css()` 方法来设置弹出层的位置和显示状态。 在 `showAll()` 函数中,我们调用 `showMask...
4. 在滚动事件的回调函数中,获取当前滚动位置,并根据这个位置计算背景图片应该显示的部分。 5. 使用CSS的`background-position`属性更新背景图片的位置,以达到跟随滑动的效果。 在提供的文件中,`point.gif`可能...