<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function test(){
var s = "";
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域高："+ document.body.offsetWidth +" (包括边线的宽)";
s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
s += "\r\n网页正文全文高："+ document.body.scrollHeight;
s += "\r\n网页被卷去的高："+ document.body.scrollTop;
s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
s += "\r\n网页正文部分上："+ window.screenTop;
s += "\r\n网页正文部分左："+ window.screenLeft;
s += "\r\n屏幕分辨率的高："+ window.screen.height;
s += "\r\n屏幕分辨率的宽："+ window.screen.width;
s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
alert(s);
}
</script>
</head>
<body>
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<input type="button" name="test1" value="提交" onclick="test()">
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdafdfdafdasfdafdafdafdadadfadfadfdafdfdafdasfdafdafdafdadadfadfadfdafdfdafdasfdafdafdafdadadfadfadfdafdfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<input type="button" name="test2" value="提交" onclick="test()">
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
<br>adfdafdasfdafdafdafdadadfadfadfdaf
</body>
</html>
haiyupeter
- 浏览: 420050 次
- 性别:
- 来自: 广州
-
最新评论
-
xiaomuxingren：
你好，请问update-alternatives --inst ...
JDK8安装及jenkins安装 -
wahahachuang8：
我觉得这种东西自己开发太麻烦了，就别自己捣鼓了，找个第三方，方 ...
HTML5 WebSocket -
晨曦的朝阳：
刚好有需求，学习一下！
MySql主从配置 -
mfkvfn：
这是恶意的商业竞争呀
解决 android 微信5.0及后续版本无法打开电话号码的问题 -
fwyhf：
require('./monitor/module_liste ...
NodeJS Server 进程自动重启
相关推荐
盒模型可以影响元素的宽度和高度。 CSS 兼容性 CSS 兼容性是指不同的浏览器对 CSS 的解析和执行方式不同。常见的 CSS 兼容性问题包括：IE6、IE7、IE8、Firefox、Safari、Chrome 等。 JavaScript 兼容性 ...
通过对CSS代码的解析和分析，我们可以学习到如何使用百分比宽度值来实现自适应布局，并且了解盒模型的概念及其在网页布局中的重要性。 一、CSS网页布局入门教程5：二列宽度自适应的介绍 在前面的教程中，我们已经...
CSS3引入的”vw”和”vh”基于宽度/高度相对于窗口大小 ”vw”=”view width”“vh”=”view height” 以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小。 参照demo案例对照下面四个容
先让网站能够正常工作于尽可能旧的浏览器上，然后不断为它在新型浏览器上实现更多的增强和改进。 Viewport 移动设备上的Viewport就是设备的屏幕上能用来显示网页的一块区域，即浏览器上用来显示网页的那部分区域。...
2. IE 盒子模型（怪异盒模型）：浏览器的 width 属性不是内容的宽度，而是内容、内边距和边框的宽度的总和，content+padding+border=我们设置的 width/height；盒子总宽度/高度 = 我们设置的 width/height + margin=...
对于照片类型的帖子，除非设置了link否则通过点击图像，HTML输出图像也将可缩放到浏览器窗口的整个宽度。 也可以用作帖子开头的image键的对象，在这种情况下，它将被包含在HTML元数据中，以便在社交媒体上以及帖子...
Popup窗口可以超出浏览器窗口区域； 可以不用担心被下拉框、flash、Iframe等这些东西遮挡； 一个Popup窗口打开后，当在它的区域以外点击或者另一个Popup窗口被打开时都会自动关闭； Popup窗口是没有焦点的； ...
-为ExtAspNet.Alert添加两个静态方法ShowInParent和GetShowInParentReference，用于在父页面弹出窗口。 +在aspx页面中必须显示的声明控件的集合属性（比如Tabs(TabStrip), Items(PanelBase), Nodes(TreeNode)）。 ...
-为ExtAspNet.Alert添加两个静态方法ShowInParent和GetShowInParentReference，用于在父页面弹出窗口。 +在aspx页面中必须显示的声明控件的集合属性（比如Tabs(TabStrip), Items(PanelBase), Nodes(TreeNode)）。 ...
而JQuery的一款插件fullpage.js，可以实现全屏滚动，非常流行的效果，兼容性IE8+兼容性不错，能够兼容多种浏览器。 主要功能有： 支持鼠标滚动 支持前进后退和键盘控制 多个会调函数 支持手机、平板触摸事件 支持CSS...
layerShadow：阴影的深度(按钮面板和模式窗口的背景阴影) 参数值：0(不显示阴影),大于0的数值(显示阴影并设置阴影的深度) clickCancelDialog：点击任意位置取消按钮面板功能 参数值：默认true(开启点击取消功能),...
- 优化新建、重命名文件(夹) 高度自适应问题 - firefox ctrl+s 系统对话框屏蔽 - 树目录:收藏夹优化(右键绑定)；右键操作优化,拖拽优化（文件管理&编辑器） - 收藏夹优化（右键 >编辑删除） ####update: **...
无法处理下面未处理的项目在另一个项目中完成 可能的窗口中心和宽度模式（需要使用缩放比例方程式） RGB模式1，RGB模式2 MONOCHROME1反转色多帧冠状和矢状视图并判断当前是否为AxialView 缩放（调整为查看器大小）
第22章 tk实例解析 execlog example browser tcl shell 第23章 打包摆放布局管理器（pack） 朝一侧摆放 水平与垂直难叠 空腔模型（ cavity model） 打包摆放空间（packing space）与显w空间（display ...
《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器，充分向读者演示了如何使用jQuery的各项技术，实现令人激动的网页效果。 《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发，对最实用的...
第7章 浏览器兼容与解析问题 7.1 CSS hack技术 7.1.1 如何使用CSS hack 7.1.2 常用CSS hack使用方法 7.1.3 CSS hack管理 7.2 IE条件注释功能 7.3 盒模型问题 7.3.1 盒模型hack 7.3.2 简单盒模型hack方法 7.4 IE捉...
* Content-Type：设置页面的字符集，用于告诉浏览器如何解析页面的内容。 * expires：设置网页的到期时间，用于控制页面的缓存和更新。 * Pragma：设置缓存模式，用于禁止浏览器从缓存中加载页面内容。 二、meta ...
10)所有弹出的模态窗口现在可根据内容自动调整高度及宽度,杜绝旧版本在一些浏览器下显示窗口内容不完全的BUG。 11)导入Word功能升级到V2.0,修正导入后有些样式导入不完全的问题,同时优化了导入word文档时的性能! 12)...
24、JS确认窗口和输入窗口 259 25、WINDOW.SETTIMEOUT和SETINTERVAL 260 25、WINDOW.OPEN 261 26、检查浏览器是否支持COOKIE 262 27、COOKIE操作 262 28、JS操作时间大全 263 29、JS MATH函数操作 274 30、JS设置...
可以使用 `getBoundingClientRect()` 方法来获取元素的位置信息，如元素的左上角坐标、宽度和高度。 12. 绑定事件和解除事件的区别 绑定事件是指将事件监听函数添加到元素上，例如使用 `addEventListener()` 方法...