`
haiyupeter
  • 浏览: 417990 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

浏览器窗口相关宽度和高度解析

    博客分类:
  • Util
阅读更多
<!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>
分享到:
评论

相关推荐

    微信小程序 图片宽高自适应详解

    CSS3引入的”vw”和”vh”基于宽度/高度相对于窗口大小 ”vw”=”view width”“vh”=”view height” 以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小。 参照demo案例对照下面四个容

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    先让网站能够正常工作于尽可能旧的浏览器上,然后不断为它在新型浏览器上实现更多的增强和改进。 Viewport 移动设备上的Viewport就是设备的屏幕上能用来显示网页的一块区域,即浏览器上用来显示网页的那部分区域。...

    justatheory:只是一个理论

    对于照片类型的帖子,除非设置了link否则通过点击图像,HTML输出图像也将可缩放到浏览器窗口的整个宽度。 也可以用作帖子开头的image键的对象,在这种情况下,它将被包含在HTML元数据中,以便在社交媒体上以及帖子...

    无限菜单之 xml+popup 版(IE5.5+)

    Popup窗口可以超出浏览器窗口区域; 可以不用担心被下拉框、flash、Iframe等这些东西遮挡; 一个Popup窗口打开后,当在它的区域以外点击或者另一个Popup窗口被打开时都会自动关闭; Popup窗口是没有焦点的; ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -为ExtAspNet.Alert添加两个静态方法ShowInParent和GetShowInParentReference,用于在父页面弹出窗口。 +在aspx页面中必须显示的声明控件的集合属性(比如Tabs(TabStrip), Items(PanelBase), Nodes(TreeNode))。 ...

    ExtAspNet_v2.3.2_dll

    -为ExtAspNet.Alert添加两个静态方法ShowInParent和GetShowInParentReference,用于在父页面弹出窗口。 +在aspx页面中必须显示的声明控件的集合属性(比如Tabs(TabStrip), Items(PanelBase), Nodes(TreeNode))。 ...

    全屏滚动插件fullPage.js使用实例解析

    而JQuery的一款插件fullpage.js,可以实现全屏滚动,非常流行的效果,兼容性IE8+兼容性不错,能够兼容多种浏览器。 主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个会调函数 支持手机、平板触摸事件 支持CSS...

    xheditor-1.1.14

    layerShadow:阴影的深度(按钮面板和模式窗口的背景阴影) 参数值:0(不显示阴影),大于0的数值(显示阴影并设置阴影的深度) clickCancelDialog:点击任意位置取消按钮面板功能 参数值:默认true(开启点击取消功能),...

    KODExplorer 芒果云-资源管理器

    - 优化新建、重命名文件(夹) 高度自适应问题 - firefox ctrl+s 系统对话框屏蔽 - 树目录:收藏夹优化(右键绑定);右键操作优化,拖拽优化(文件管理&编辑器) - 收藏夹优化(右键 &gt;编辑删除) ####update: **...

    embedded-python-dicom-visualization-reactapp:医学DICOM文件可视化+浏览器中的Python代码(-Pyodide-> WebAssembly)+ Pydicom解析器+ TypeScript React App + Canvas操作

    无法处理下面未处理的项目在另一个项目中完成 可能的窗口中心和宽度模式(需要使用缩放比例方程式) RGB模式1,RGB模式2 MONOCHROME1反转色多帧冠状和矢状视图并判断当前是否为AxialView 缩放(调整为查看器大小)

    Tcl_TK编程权威指南pdf

    第22章 tk实例解析 execlog example browser tcl shell 第23章 打包摆放布局管理器(pack) 朝一侧摆放 水平与垂直难叠 空腔模型( cavity model) 打包摆放空间(packing space)与显w空间(display ...

    超实用的jQuery代码段

    《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用jQuery的各项技术,实现令人激动的网页效果。   《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的...

    CSS网站布局实录 (第二版)PDF版

    第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捉...

    商用版本文本编辑器DotNetTextBoxV6.0.8Source 源码

    10)所有弹出的模态窗口现在可根据内容自动调整高度及宽度,杜绝旧版本在一些浏览器下显示窗口内容不完全的BUG。 11)导入Word功能升级到V2.0,修正导入后有些样式导入不完全的问题,同时优化了导入word文档时的性能! 12)...

    IBM WebSphere Portal门户开发笔记01

    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设置...

    精易模块[源码] V5.15

    5、新增“类_通用对话框-&gt;选择字体”成功返回字体相关信息,调用格式如; 编辑框.字体=选择字体() 6、修复“网页_创建快捷方式”在win7以上系统不能自定义图标的BUG,感谢易友【蓝风】反馈。 7、修复“进制_十六到十...

    GPRS控制卡 软件 GS7020B

     显示屏宽度、高度:按显示屏实际尺寸配置。  扫描方式: (1) 1/16(A) 32 点高1/16 扫描单元板 (2) 1/8(A) 16 点高1/8 扫描单元板 (3) 1/4(A) 16 点高1/4 扫描12 接口单元板(P10、P12.5…) (4) 1/4(B) 8 ...

    前端css+html+布局笔记

    可以设置框架的宽度和高度 name 可以为内联框架指定一个名字 可以将该属性值设置为超链接的target属性的值 这样当点击超链接时,页面将会在相应的内联框架中打开 内联框架中的内容不会被搜索...

    精易官方免费模块v3.60版

    2.删除“窗口_消毁” 这个重复命令,该命令和“窗口_关闭”是一样的 感谢 改名卡 的提醒 3.删除“网页_取文本” 增加2个速度更快的命令“网页_取文本_reg”和“网页_取文本_dom” 4.删除“内存_优化” 在程序最小化...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例026 Dreamweaver控制浏览器的窗口 46 实例027 通过Dreamweaver创建站点 47 实例028 通过Dreamweaver开发第1个PHP程序 48 1.7 Zend Studio开发工具 50 实例029 安装Zend Studio 50 实例030 Zend Studio创建PHP...

Global site tag (gtag.js) - Google Analytics