JS获取网页属性包括宽、高等等


Posted in Javascript onApril 03, 2014
function getInfo() 
{ 
var s = ""; 
s += " 网页可见区域宽:"+ document.body.clientWidth+" "; 
s += " 网页可见区域高:"+ document.body.clientHeight+" "; 
s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+" "; 
s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"+" "; 
s += " 网页正文全文宽:"+ document.body.scrollWidth+" "; 
s += " 网页正文全文高:"+ document.body.scrollHeight+" "; 
s += " 网页被卷去的高(ff):"+ document.body.scrollTop+" "; 
s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop+" "; 
s += " 网页被卷去的左:"+ document.body.scrollLeft+" "; 
s += " 网页正文部分上:"+ window.screenTop+" "; 
s += " 网页正文部分左:"+ window.screenLeft+" "; 
s += " 屏幕分辨率的高:"+ window.screen.height+" "; 
s += " 屏幕分辨率的宽:"+ window.screen.width+" "; 
s += " 屏幕可用工作区高度:"+ window.screen.availHeight+" "; 
s += " 屏幕可用工作区宽度:"+ window.screen.availWidth+" "; 
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+" "; 
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+" "; 
s += " window的页面可视部分实际高度(ff) "+window.innerHeight+" "; 
alert (s); 
};
Javascript 相关文章推荐
javascript淡入淡出效果的实现思路
Mar 31 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
Aug 04 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
Oct 21 Javascript
DWR3 访问WEB元素的两种方法实例详解
Jan 03 Javascript
JS实现的走迷宫小游戏完整实例
Jul 19 Javascript
基于JavaScript实现数码时钟效果
Mar 30 Javascript
jQuery初级教程之网站品牌列表效果
Aug 02 jQuery
解析vue路由异步组件和懒加载案例
Jun 08 Javascript
每周一练 之 数据结构与算法(Stack)
Apr 16 Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
Sep 30 Javascript
如何利用node转发请求详解
Sep 17 Javascript
jQuery的$.proxy()应用示例介绍
Apr 03 #Javascript
js实现的复制兼容chrome和IE
Apr 03 #Javascript
JS实现局部选择打印和局部不选择打印
Apr 03 #Javascript
javascript实现页面内关键词高亮显示代码
Apr 03 #Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 #Javascript
使用jQuery动态加载js脚本文件的方法
Apr 03 #Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
Apr 03 #Javascript
You might like
PHP下利用shell后台运行PHP脚本,并获取该脚本的Process ID的代码
2011/09/19 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
PHP模板引擎Smarty内建函数详解
2016/04/11 PHP
使用PHP免费发送定时短信的实例
2016/10/24 PHP
window.showModalDialog使用手册
2007/01/11 Javascript
jquery获取子节点和父节点的示例代码
2013/09/10 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
2014/10/09 Javascript
jquery中one()方法的用法实例
2015/01/16 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
jQuery 1.9.1源码分析系列(十三)之位置大小操作
2015/12/02 Javascript
JavaScript动态创建form表单并提交的实现方法
2015/12/10 Javascript
JavaScript中this的四个绑定规则总结
2016/09/26 Javascript
js获取腾讯视频ID的方法
2016/10/03 Javascript
javascript汉字拼音互转的简单实例
2016/10/09 Javascript
Angular ui.bootstrap.pagination分页
2017/01/20 Javascript
jQuery实现简单弹窗遮罩效果
2017/02/27 Javascript
vue实现几秒后跳转新页面代码
2020/09/09 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
2020/12/19 Vue.js
JavaScript实现H5接金币功能(实例代码)
2021/02/22 Javascript
[05:40]DOTA2荣耀之路6:Wings最后进攻
2018/05/30 DOTA
[01:32]dota2拉比克至宝(222)
2018/12/20 DOTA
python实现的DES加密算法和3DES加密算法实例
2015/06/03 Python
Python正规则表达式学习指南
2016/08/02 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
html5使用canvas压缩图片的示例代码
2018/09/11 HTML / CSS
Belle Maison倍美丛官网:日本千趣会旗下邮购网站
2016/07/22 全球购物
美国设计师精美珠宝购物网:Netaya
2016/08/28 全球购物
Farfetch中文官网:奢侈品牌时尚购物平台
2020/03/15 全球购物
机电一体化专业推荐信
2013/12/03 职场文书
车间统计员岗位职责
2014/01/05 职场文书
党员个人整改方案及措施
2014/10/25 职场文书
解析在浏览器地址栏输入一个URL后发生了什么
2021/06/21 Servers
POST提交数据常见的四种方式
2022/01/18 HTML / CSS
Linux中如何安装并部署Redis
2022/04/18 Servers