zengshaotao
- 浏览: 787281 次
- 性别:
- 来自: 上海
-
文章分类
- 全部博客 (981)
- javascript (102)
- java (212)
- JQuery (81)
- 幽默笑话 (2)
- 只言片语 (6)
- 开发小记 (283)
- Hibernate (17)
- DWR (4)
- SQL (10)
- spring-ibatis (8)
- linux (24)
- Struts1 (8)
- Struts2 (16)
- spring (42)
- Mybatis (16)
- css (18)
- servlet (8)
- jdbc (4)
- jsp (1)
- spring-jdbc (2)
- FreeMarker (2)
- MySQL (24)
- JQuery-Grid (7)
- jstl (5)
- 正则表达式 (1)
- 面试集锦 (86)
- unix (18)
- 开发工具 (23)
- ajax (5)
- webservice (4)
- log4j (3)
- oracle (15)
- extjs (14)
- 其他 (9)
- 优秀技术参考地址 (1)
- 性能 (3)
- 数据库 (25)
- 算法 (15)
- 设计模式 (10)
- Python (3)
- AIX (5)
- weblogic (1)
- shell (14)
- quartz (5)
- 图形文件FusionCharts (1)
- Websphere (4)
- 转载 (5)
- hadoop (1)
- highchart (24)
- perl (22)
- DB2 (7)
- JBoss (1)
- JQuery Easy UI (9)
- SpringMVC (5)
- ant (5)
- echart (9)
- log4J配置 (3)
- 多线程 (10)
- 系统架构 (7)
- nginx (3)
- loadrunner1 (1)
- 分布式 (1)
- Dubbo (1)
- Redis (2)
- JMS (4)
- 自动化测试 (3)
- Spring循环依赖的三种方式 (1)
- spring-boot (2)
- 高级测试 (9)
- github (2)
- sonar (1)
- docker (6)
- web前端性能优化 (1)
- spring-aop (6)
- rabbit (1)
- ELK (1)
- maven (1)
- minio (1)
最新评论
-
zengshaotao：
jstl1point0 写道很好啊，如果有带Session会话 ...
Nginx+Tomcat搭建高性能负载均衡集群 -
jstl1point0：
很好啊，如果有带Session会话的怎么搞呢
Nginx+Tomcat搭建高性能负载均衡集群
IE中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
FireFox中：
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
Opera中：
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
没有定义W3C的标准，则
IE为：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
Opera为：
document.documentElement.clientWidth ==> 页面对象宽度（即BODY对象宽度加上Margin宽）
document.documentElement.clientHeight ==> 页面对象高度（即BODY对象高度加上Margin高）
网页可见区域宽： 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
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
实现代码
复制代码 代码如下:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>请调整浏览器窗口</title> <meta http-equiv="content-type" content="text/html; charset=gb2312">
</meta></head>
<body>
<h2 align="center">请调整浏览器窗口大小</h2><hr />
<form action="#" method="get" name="form1" id="form1">
<!--显示浏览器窗口的实际尺寸-->
浏览器窗口 的 实际高度: <input type="text" name="availHeight" size="4"/><br />
浏览器窗口 的 实际宽度: <input type="text" name="availWidth" size="4"/><br />
</form>
<script type="text/javascript">
<!--
var winWidth = 0;
var winHeight = 0;
function findDimensions() //函数：获取尺寸
{
//获取窗口宽度
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
//获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
//通过深入Document内部对body进行检测，获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
//结果输出至两个文本框
document.form1.availHeight.value= winHeight;
document.form1.availWidth.value= winWidth;
}
findDimensions();
//调用函数，获取数值
window.onresize=findDimensions;
//-->
</script>
</body>
</html>
分享到：
发表评论
-
javascript与日期的相关操作
2018-01-08 17:02 335Js获取当前日期时间及其它操作 var myDate ... -
面向对象
2017-08-24 17:31 478var objPro = { name:"zst ... -
两次encodeURI和URLDecode的原理分析
2017-08-24 12:15 4047当使用地址栏提交查询参数时，如果不编码，非英文字符会按照操 ... -
encodeURI
2017-08-14 21:29 525对于ajax请求，经常会在地址栏传入一些参数，涉及的中文的， ... -
encodeURL
2017-05-04 18:10 538.encodeURL函数主要是来对URI来做转码，它默认是采 ... -
cookie操作 JQuery
2017-03-23 22:18 519首先包含jQuery的库文件，在后面包含 jquery.coo ... -
表单参数一并提交
2017-03-23 13:09 565对于一般的table数据，并且还带有查询条件，我们都会使用j ... -
功能参考
2016-09-12 17:48 462<%@ page language="jav ... -
树形节点设权重，叶子节点设权重
2016-08-19 12:01 1122<%@ page language="jav ... -
除去缓存
2016-08-11 17:04 378IE的showModalDialog方法，缓存很是头疼 ... -
event.srcElement
2016-07-22 16:51 518因为页面的显示内容需要动态生成，所以难免有一些字符串的拼接， ... -
三重循环部分
2016-07-01 11:44 489一串json数据data，格式形如： {{WDNAME:A ... -
base href, new Highchart.Chart（）
2016-05-27 17:35 572<% String path = request.g ... -
鼠标点击的位置，滚动条，兼容
2016-05-19 15:58 624j经常要计算鼠标当前点击的位置，并且页面经常发生了滚动。这个 ... -
表单提交页面不跳转
2016-04-05 19:38 975页面发生表单不跳转，我们可以ajax的形式 当然，有 ... -
HTML图片热区map area的用法
2016-01-04 14:56 547HTML图片热区map area的用法 <a ... -
获取页面高度
2015-12-15 10:26 456$(document).height() //是获取整个页 ... -
iframe中子父窗口互调的js方法
2015-11-12 18:12 934一、父窗口调用iframe子窗口方法 1、HTML语法：&l ... -
数组去重
2015-10-30 08:38 532//将一个含有相同值的数组去重 function getD ... -
dtree树构建
2015-09-15 15:19 464dTree 主页：http://destroydrop.co ...
相关推荐
scout_realtime, 在你的浏览器中，实时服务器度量 侦察实时将实时服务器和流程指标发送到你的浏览器 ！ 开始：在要监视的服务器上：安装 gem: gem install scout_realtime启动守护进程：scout_realtime start在你的...
4. **浏览器安全可信能力实现**：这包括浏览器自身的安全（如可信度量、内核代码安全、进程安全机制）、插件可信度量、网络行为安全、敏感数据安全等。其中，双加密通道、根证书可信、行为统一授权、访问日志审计等...
- **基于Web**: 新一代的商业智能工具更多地采用Web技术，使得用户可以通过浏览器轻松访问。 - **轻量化设计**: 通过减少客户端负担，提高用户体验。 **2. 设计方式** - **自服务化**: 用户能够自行配置和创建报表...
使用画布为浏览器提供的轻巧高效的文本度量集，可防止布局回流。 特征 计算宽度 计算高度 计算换行符 计算最大字体大小以适合元素 安装 如果您使用的是节点，则可以运行npm install text-metrics 。 也可以通过...
数据透视浏览器的功能主要是帮助用户以交互方式探索、分析大量多维数据，提供了一个直观的界面来理解复杂的数据关系。在商业智能领域，这种工具能够帮助决策者快速洞察业务状况，从而做出明智的决策。 立方体查看器...
这种方法可以精确地度量从后端返回数据到浏览器加载页面的时间成本，并考虑到不同的页面之间的交互关系和依赖关系。 在阿里前端团队的实践中，他们使用了基于Git的代码管理系统，拥有完善的前端Demo交付环境和实时...
Wobserver是一个平台，它允许开发者收集、分析以及可视化与Web应用相关的各种度量数据，如性能指标、用户行为等，以帮助优化和维护应用的健康运行。 **描述解读：** 描述进一步强调了Wobserver的核心功能，即它是...
Go的`log`库可以用于基本的日志记录，而第三方库如`prometheus`或`metrics`可以用于度量和监控。 6. **配置文件**：可能包含设置服务器地址、端口、数据存储路径等参数的配置文件。Go的`flag`或`viper`库可以帮助...
RUM-SpeedIndex, 从字段计算SpeedIndex度量值 rum-speedindex使用资源计时计算字段中的SpeedIndex度量值这仍然处于早期测试阶段，并且有一些注意事项需要注意：只适用于支持资源计时的浏览器( 最现代浏览器除外 ...
它也适用于浏览器，只需在项目中包含index.js中的源代码即可。 请注意，如果distance函数未包含在类的工具中，则distance函数将被添加到全局范围中。 示例用法 var distance = require('levenshtein-metric'); ...
Lighthouse就是这样一个工具，它是Google Chrome浏览器中的一个开源自动化工具，专门用于提高网站的质量和PWA的表现。 Lighthouse主要关注以下几个关键领域的性能度量： 1. **性能**：这是Lighthouse的核心关注点...
这些文件可通过信息浏览器查看，方便用户对代码进行深度理解与优化。 在使用QAC时，有自动化和手动两种方式创建项目。自动化创建项目，首先选择“Auto-Create Project”，设置根目录、源代码目录、输出文件路径，并...
从桌面浏览器到移动互联网的时代，用户体验毫无疑问都是重中之重，而 Web 页面的性能则是整体体验的基础。所谓高性能的网站，直观来说，即是用户能够快速打开页面展示网页内容，并能流畅的浏览网页，同时尽可能地...
"metrics-printer-rs"是一个用Rust编程语言编写的开源项目，其主要功能是提供一个简单的度量标准记录器，便于开发者将各种度量数据以可读性强的格式输出，用于分析和调试。 首先，我们来了解下Rust语言。Rust是一种...
React Performance Devtool是一个浏览器扩展，用于检查React组件的性能。 它基于React使用window.performance API收集的度量来统计检查React组件的性能。 除了浏览器扩展之外，还可以在控制台中检查这些措施。 有关...
2. 熵（Entropy）：在信息安全领域，熵是衡量信息不规则性的度量单位。一个系统的熵越高，其不可预测性就越大。对于浏览器指纹，熵的大小可以表示其包含的唯一信息量。 3. 浏览器指纹的唯一性（Uniqueness of ...