用JavaScript来活动网页内各种尺寸、分辨率、大小参数
来源:互联网 发布:java 键值对 编辑:程序博客网 时间:2024/05/05 12:57
效果如下:
代码如下:
<html><head><title>获取当前对象大小以及屏幕分辨率等</title><body><div style=" width:88%;margin:30px auto; color:blue;" id="div_html"></div><script type="text/javascript">var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth+"<br />"; s += " 网页可见区域高:"+ document.body.clientHeight+"<br />"; s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"<br />"; s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"+"<br />"; s += " 网页正文全文宽:"+ document.body.scrollWidth+"<br />"; s += " 网页正文全文高:"+ document.body.scrollHeight+"<br />"; s += " 网页被卷去的高(ff):"+ document.body.scrollTop+"<br />"; s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop+"<br />"; s += " 网页被卷去的左:"+ document.body.scrollLeft+"<br />"; s += " 网页正文部分上:"+ window.screenTop+"<br />"; s += " 网页正文部分左:"+ window.screenLeft+"<br />"; s += " 屏幕分辨率的高:"+ window.screen.height+"<br />"; s += " 屏幕分辨率的宽:"+ window.screen.width+"<br />"; s += " 屏幕可用工作区高度:"+ window.screen.availHeight+"<br />"; s += " 屏幕可用工作区宽度:"+ window.screen.availWidth+"<br />"; s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"<br />"; s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"<br />"; document.getElementById("div_html").innerHTML = s;</script></body></html>
代码说明图如下:
0 0
- 用JavaScript来活动网页内各种尺寸、分辨率、大小参数
- javascript获取分辨率,网页窗口大小等值
- Javascript获取页面、屏幕尺寸大小参数
- Javascript获取页面、屏幕尺寸大小参数
- Javascript获取页面、屏幕尺寸大小参数
- 各种照片尺寸和分辨率
- 网页中的各种尺寸
- 网页的各种尺寸
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 3个著名加密算法(MD5、RSA、DES)的解析
- Android高效加载大图、多图解决方案_LruCache,有效避免程序OOM
- 如何给TINY提新需求或报告缺陷?
- thinkphp 自动验证 demo(自用)
- ffmpeg源码跟踪笔记之avformat_find_stream_info
- 用JavaScript来活动网页内各种尺寸、分辨率、大小参数
- Flex4 嵌入范围字符
- standford NLP课程笔记一 正则表达式
- 为什么指定了坐标却找不到资源?
- JVM 并发性: Scala 中的异步事件处理
- ping网络诊断常见故障
- Nuget管理我们的类库
- 长连接&&短连接
- WIFI低功耗模式说明