- 浏览: 756422 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (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 304Js获取当前日期时间及其它操作 var myDate ... -
面向对象
2017-08-24 17:31 450var objPro = { name:"zst ... -
两次encodeURI和URLDecode的原理分析
2017-08-24 12:15 3967当使用地址栏提交查询参数时,如果不编码,非英文字符会按照操 ... -
encodeURI
2017-08-14 21:29 485对于ajax请求,经常会在地址栏传入一些参数,涉及的中文的, ... -
encodeURL
2017-05-04 18:10 498.encodeURL函数主要是来对URI来做转码,它默认是采 ... -
cookie操作 JQuery
2017-03-23 22:18 483首先包含jQuery的库文件,在后面包含 jquery.coo ... -
表单参数一并提交
2017-03-23 13:09 532对于一般的table数据,并且还带有查询条件,我们都会使用j ... -
功能参考
2016-09-12 17:48 430<%@ page language="jav ... -
树形节点设权重,叶子节点设权重
2016-08-19 12:01 1043<%@ page language="jav ... -
除去缓存
2016-08-11 17:04 348IE的showModalDialog方法,缓存很是头疼 ... -
event.srcElement
2016-07-22 16:51 482因为页面的显示内容需要动态生成,所以难免有一些字符串的拼接, ... -
三重循环部分
2016-07-01 11:44 460一串json数据data,格式形如: {{WDNAME:A ... -
base href, new Highchart.Chart()
2016-05-27 17:35 528<% String path = request.g ... -
鼠标点击的位置,滚动条,兼容
2016-05-19 15:58 585j经常要计算鼠标当前点击的位置,并且页面经常发生了滚动。这个 ... -
表单提交页面不跳转
2016-04-05 19:38 939页面发生表单不跳转,我们可以ajax的形式 当然,有 ... -
HTML图片热区map area的用法
2016-01-04 14:56 520HTML图片热区map area的用法 <a ... -
获取页面高度
2015-12-15 10:26 428$(document).height() //是获取整个页 ... -
iframe中子父窗口互调的js方法
2015-11-12 18:12 911一、父窗口调用iframe子窗口方法 1、HTML语法:&l ... -
数组去重
2015-10-30 08:38 510//将一个含有相同值的数组去重 function getD ... -
dtree树构建
2015-09-15 15:19 434dTree 主页:http://destroydrop.co ...
相关推荐
scout_realtime, 在你的浏览器中,实时服务器度量 侦察实时将实时服务器和流程指标发送到你的浏览器 ! 开始:在要监视的服务器上:安装 gem: gem install scout_realtime启动守护进程:scout_realtime start在你的...
使用画布为浏览器提供的轻巧高效的文本度量集,可防止布局回流。 特征 计算宽度 计算高度 计算换行符 计算最大字体大小以适合元素 安装 如果您使用的是节点,则可以运行npm install text-metrics 。 也可以通过...
RUM-SpeedIndex, 从字段计算SpeedIndex度量值 rum-speedindex使用资源计时计算字段中的SpeedIndex度量值这仍然处于早期测试阶段,并且有一些注意事项需要注意:只适用于支持资源计时的浏览器( 最现代浏览器除外 ...
它也适用于浏览器,只需在项目中包含index.js中的源代码即可。 请注意,如果distance函数未包含在类的工具中,则distance函数将被添加到全局范围中。 示例用法 var distance = require('levenshtein-metric'); ...
从桌面浏览器到移动互联网的时代,用户体验毫无疑问都是重中之重,而 Web 页面的性能则是整体体验的基础。所谓高性能的网站,直观来说,即是用户能够快速打开页面展示网页内容,并能流畅的浏览网页,同时尽可能地...
React Performance Devtool是一个浏览器扩展,用于检查React组件的性能。 它基于React使用window.performance API收集的度量来统计检查React组件的性能。 除了浏览器扩展之外,还可以在控制台中检查这些措施。 有关...
数据浏览器Matsch | Mazia下拉菜单允许用户通过选择度量,时间范围,土地使用和海拔高度来查询后端的InfluxDB数据库。 交互式Grafana仪表板显示时间序列的动态图。成分数据浏览器Matsch | Mazia是一个由三个部分...
长期而言,目标是收集指纹数据(不收集PII,并且仅从Firefox和Tor浏览器中收集),以便分析该数据以查看每个度量标准或部分可提供多少分类。 :purple_square: 我们关心的是: 当前的Tor浏览器和Firefox ESR或更高...
1、提供一种可量化措施的代码度量值属性:33基于功能 32基于文件和4个项目级别 2、功能结构关系图,以提供控制流动洞察 3、展示全局调用函数的关系图引用和文件树结构 4、提供统计分析对代码质量的全面评估 5、跨...
在网页中对网页元素的大小修饰除了数值大小外,还有就是度量单位的选择了。不同的度量单位会有哪些不同的效果呢?首先先了解下各类单位及说明 像素(px) 根据显示器的分辨率来确定...以上单位均为定值,改变浏览器中
通过在您选择的Web浏览器中导航到以下URL来检查elasticsearch和kibana: 本地elasticsearch: 本地kibana: 为了使Measurementor Grails应用程序在Vagrant框内运行,请在第49行更新Vagrantfile中的共享目录。...
要在您喜欢的浏览器中查看UI,请输入您应该看到一个UI,显示从度量到英制的转换 要运行单元测试,请右键单击src / test / java / com / conversions / ConversionsApplicationTest.java,然后选择运行方式-> Java...
MIE-测量不变性浏览器(R包) 要安装,请输入RStudio控制台: devtools::install_github("maksimrudnev/MIE.package", dependencies = TRUE) 不变性资源管理器有助于查找可能显示潜在因子测量不变性的组。 与其...
用于浏览器和Node.jsJavaScript在线分析处理服务器和库 (c)2015年Andrey Gershun( ) 工作正在进行中! Express OLAP服务器 var olap = require ( 'olap' ) ; olap . xmla ( ) ; olap olap . execute ( mdx...
计算React组件的度量。 使用来检测元素的尺寸何时更改。 在不受支持的浏览器中包含 。 安装 yarn add react-measure npm install react-measure --save < script src =" ...
用法计算指标不确定性的最简单方法是通过我们基于浏览器的交互式工具。 该网站可能需要几分钟才能加载。 它不会在您的计算机上安装任何软件包或执行任何代码,它需要在主机上启动环境。 这导致小的延迟。 如果您想...
你想要一个额外的质量度量(例如,这对于外部 QA 团队来说是一个很好的视觉辅助) 文本与代码和 HTML 标记混合 您需要的不仅仅是拼写检查(例如语气、上下文、同义词) 原生浏览器拼写检查是不够的 没有后端接口,...
爬虫,使用python,获取js加载后的图片 python pull images 1 . 安装pip 2 . 使用pip install tornado 3 . 使用pip install selenium 4 ....进入项目后运行routers.py文件 浏览器上打开127.0.0.1:8001
解析,操作,格式化和验证不同度量单位中的值。 安装 浏览器 $ bower install --save qty 在您的html中包含Qty.js及其依赖项: < script src =" components/underscore/underscore.js " > </ script >...
打开在浏览器中查看它。 如果您进行编辑,则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。 npm run build 构建生产到...