- 浏览: 1649748 次
- 性别:
文章分类
- 全部博客 (2929)
- 非技术 (18)
- Eclipse (11)
- JAVA (31)
- 正则表达式 (0)
- J2EE (4)
- DOS命令 (2)
- WEB前端 (52)
- JavaScript (69)
- 数据库 (8)
- 设计模式 (0)
- JFreechart (1)
- 操作系统 (1)
- 互联网 (10)
- EasyMock (1)
- jQuery (5)
- Struts2 (12)
- Spring (24)
- 浏览器 (16)
- OGNL (1)
- WebService (12)
- OSGi (14)
- 软件 (10)
- Tomcat (2)
- Ext (3)
- SiteMesh (2)
- 开源软件 (2)
- Hibernate (2)
- Quartz (6)
- iBatis (2)
最新评论
/********************
* 取窗口滚动条高度
******************/
function getScrollTop()
{
var scrollTop=0;
if(document.documentElement&&document.documentElement.scrollTop)
{
scrollTop=document.documentElement.scrollTop;
}
else if(document.body)
{
scrollTop=document.body.scrollTop;
}
return scrollTop;
}
/********************
* 取窗口可视范围的高度
*******************/
function getClientHeight()
{
var clientHeight=0;
if(document.body.clientHeight&&document.documentElement.clientHeight)
{
var clientHeight =
(document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
}
else
{
var clientHeight =
(document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
}
return clientHeight;
}
/********************
* 取文档内容实际高度
*******************/
function getScrollHeight()
{
return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
}
发表评论
-
Javascript评估用户输入密码的强度的方法 代码
2009-07-28 17:50 708用Javascript评估用户输入密码的强度密码已经是我们生活 ... -
图片和文字放一起,不能居中的解决方法
2009-07-29 14:47 951<td align="center" ... -
解开JavaScript生命的达芬奇密码
2009-08-05 17:56 744解开JavaScript生命的达芬奇密码 ——如何使用Jav ... -
掌控上传进度的AJAX Upload(转贴)
2009-08-05 17:59 715掌控上传进度的AJAX Uploa ... -
Javascript跨域访问解决方案
2009-08-11 20:11 632由于安全方面的考虑,Javascript被限制了跨域访问的能力 ... -
不唐突的JavaScript的七条准则(转载)
2009-08-12 13:18 634经过多年的开发、教学 ... -
浅谈Javascript中的事件流和事件绑定
2009-08-13 16:31 792事件流 浏览器中的事 ... -
JavaScript继承详解(二)
2009-08-17 17:04 624转自:http://www.cnblogs.com/sansh ... -
JavaScript继承详解(一)
2009-08-17 17:04 697转自:http://www.cnblogs.com/sansh ... -
javascript实用技巧--数组.
2009-08-17 17:08 662数组和字符串类型对象的方法我特容易搞混淆,所以把他列出来,免得 ... -
IE和Firefox之间的JavaScript差异
2009-08-17 17:18 585尽管 JavaScript 历史上使用冗长而令人生厌的代码块来 ... -
常见的JavaScript错误
2009-08-17 17:19 737作者: Richardy, 出处:IT ... -
JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
2009-08-17 17:19 662网页可见区域宽:document.body.clientWid ... -
Javascript的Defer属性
2009-08-17 17:48 712Script中的Defer属性 ... -
最佳的"addEvent"是怎样诞生的
2009-08-18 13:47 642IE的 JScript 存在内存泄露的bug 想必大家都清楚或 ... -
值得推荐的事件捕获函数AddEvent()
2009-08-18 13:56 7751, 下面是JQuery之父推荐的添加移除事件方法。 ... -
随滚动条移动的层
2009-08-20 15:55 729<!DOCTYPE html PUBLIC &qu ... -
如何去掉ie里面的关闭按钮,和屏蔽ALT+F4 (转载)
2009-09-01 17:46 788去掉关闭按钮可以使用无边框窗口设计,不过IE6中已经不支持了。 ... -
(window.onunload)只有点击浏览器右上角关闭按钮才执行
2009-09-01 18:31 869<html> <head> &l ... -
带关闭按钮的页面漂浮的代码(IE/FF)
2009-09-01 18:34 658带关闭按钮的页面漂浮的代码,兼容火狐和IE,只需要把Javas ...
相关推荐
### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中,经常需要处理与浏览器窗口相关的操作,例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...
### 解决多种浏览器获取滚动条高度 在网页开发过程中,我们经常会遇到与浏览器兼容性相关的问题,尤其是在处理页面滚动相关的功能时。不同的浏览器对于某些属性的实现方式可能存在差异,这就要求开发者能够编写出...
通过获取滚动条的位置,可以实现实时滚动监测等功能。 - **document.body.scrollTop**: 获取垂直滚动条的当前位置,单位为像素。 - **document.body.scrollLeft**: 获取水平滚动条的当前位置,单位为像素。 ### 4....
在JavaScript中,获取滚动条高度是一项常见的任务,特别是在构建响应式网页或实现滚动效果时。滚动条高度通常指的是用户在浏览器窗口中滚动的距离,包括垂直滚动条(scrollTop)和水平滚动条(scrollLeft)。本篇...
总的来说,理解和掌握如何在JavaScript中获取滚动条位置对于开发交互性强、用户体验良好的网页应用至关重要。通过编写兼容各种浏览器的函数,我们可以确保我们的代码能在大部分用户环境中正常工作。
在本例中,"JavaScript解决跨域滚动条"的问题,指的是当主程序和子程序页面位于不同的源下,导致主程序无法获取子程序页面的尺寸,从而引发双滚动条的显示。 为了解决这个问题,我们可以利用JavaScript中的两种主要...
描述“javascript获取页面的高度及滚动条的位置的代码,需要的朋友可以参考下。”进一步明确指出,本文提供的是实现上述功能的JavaScript代码样例,方便有相关需求的开发者参考和使用。 标签“页面高度 滚动条位置...
本文介绍了如何使用JavaScript动态调整`iframe`的高度并隐藏其滚动条的方法。这种方法不仅能够提高用户体验,还能使得页面布局更加整洁美观。在实际应用中,还需注意安全性问题和浏览器兼容性问题,以确保功能在各种...
这两个属性分别返回 `<body>` 元素的宽度和高度,不包括滚动条。在 IE、Firefox 和 Opera 的某些情况下,它们可以提供所需的信息。然而,它们并不总是准确,特别是在不同浏览器对 W3C 标准支持不同的情况下。 W3C ...
首先,我们需要获取到页面的滚动条位置。在JavaScript中,`window`对象提供了`scrollY`属性,它表示浏览器窗口顶部到文档顶部的距离,也就是滚动条滚动的距离。另外,`document.documentElement.clientHeight`和`...
在网页开发中,有时我们需要获取页面的某些特定尺寸和位置信息,例如页面高度、窗口高度以及滚动条的高度。这些信息对于实现动态布局、滚动事件处理或页面适配等任务至关重要。这里有两个JavaScript函数:`...
以下是一些关于如何使用JavaScript获取网页高度、宽度以及滚动位置的关键知识点。 1. **获取窗口滚动位置:** - `getScrollTop()` 函数用于获取当前页面滚动条的垂直偏移量。这个函数通过检查 `document....
本篇文章将详细介绍如何使用jQuery来获取元素的滚动条高度以及其他相关实现代码。 首先,要理解滚动条高度通常是指元素内容超出其可视区域的部分,可以通过`scrollTop()`方法获取。例如,`$(document).scrollTop()`...
`document.body.clientWidth`和`document.body.clientHeight`可以分别获取文档内容的宽度和高度(不包括滚动条)。 示例代码: ```javascript const bodyWidth = document.body.clientWidth; const bodyHeight = ...
在大多数浏览器中,可以通过`document.documentElement.scrollTop`或`document.body.scrollTop`来获取滚动条距离顶部的距离。这两个属性会返回页面被卷去的像素值。在某些情况下,`document.documentElement....
当用户滚动时,我们需要获取滚动元素的滚动高度和总高度,以及可视区域的高度,然后计算出当前滚动条应该显示的位置。这通常涉及到`element.scrollTop`,`element.scrollHeight`和`element.clientHeight`属性。 4....
在源码层面,获取滚动条状态并进行操作可能涉及到监听滚动事件,如`addEventListener('scroll', callback)`,并在回调函数中处理滚动逻辑。同时,还可以使用`window.scrollTo(x, y)`方法来直接滚动到指定位置。 在...
总结,JavaScript获取网页高度和宽度的方法多种多样,可以根据具体需求选择合适的方式。了解这些知识对于提升网页交互体验和实现动态布局至关重要。在教育领域,理解并熟练掌握这些技术可以帮助学生更好地构建动态、...
有时候,`iframe`内容高度可能会超过实际容器高度,导致出现滚动条。我们可以通过设置`overflow`属性为`hidden`来隐藏滚动条。 ```javascript iframe.style.overflow = 'hidden'; ``` 6. 跨域通信 如若`iframe`...