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 相关文章推荐
基于jquery的自定义鼠标提示效果 jquery.toolTip
Nov 14 Javascript
jQuery之选择组件的深入解析
Jun 19 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
Aug 02 Javascript
JSuggest自动匹配下拉框使用方法(示例代码)
Dec 27 Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
Mar 25 Javascript
jQuery select表单提交省市区城市三级联动核心代码
Jun 09 Javascript
使用jquery实现仿百度自动补全特效
Jul 23 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
Nov 20 Javascript
js仿3366小游戏选字游戏
Apr 14 Javascript
React Component存在的几种形式详解
Nov 06 Javascript
说说Vue.js中的functional函数化组件的使用
Feb 12 Javascript
Vue3中的Refs和Ref详情
Nov 11 Vue.js
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+JS无限级可伸缩菜单详解(简单易懂)
2007/01/02 PHP
PHP中使用xmlreader读取xml数据示例
2014/12/29 PHP
PHP中使用CURL获取页面title例子
2015/01/07 PHP
PHP使用反向Ajax技术实现在线客服系统详解
2019/07/01 PHP
javascript数组使用调用方法汇总
2007/12/08 Javascript
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
2011/05/28 Javascript
深入理解javascript中defer的作用
2013/12/11 Javascript
Yii2使用Bootbox插件实现自定义弹窗
2015/04/02 Javascript
jQuery实现checkbox全选的方法
2015/06/10 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
javascript求日期差的方法
2016/03/02 Javascript
js一维数组、多维数组和对象的混合使用方法
2016/04/03 Javascript
Javascript发送AJAX请求实例代码
2016/08/21 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
2016/10/28 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
2017/08/16 Javascript
js链表操作(实例讲解)
2017/08/29 Javascript
利用Javascript获取选择文本所在的句子详解
2017/12/03 Javascript
vue添加axios,并且指定baseurl的方法
2018/09/19 Javascript
JavaScript数据结构之栈实例用法
2019/01/18 Javascript
Element 默认勾选表格 toggleRowSelection的实现
2019/09/04 Javascript
python实现2014火车票查询代码分享
2014/01/10 Python
python获取当前时间对应unix时间戳的方法
2015/05/15 Python
深度辨析Python的eval()与exec()的方法
2019/03/26 Python
使用Python实现图像标记点的坐标输出功能
2019/08/14 Python
对Python 中矩阵或者数组相减的法则详解
2019/08/26 Python
python:目标检测模型预测准确度计算方式(基于IoU)
2020/01/18 Python
python使用隐式循环快速求和的实现示例
2020/09/11 Python
使用CSS3滤镜的filter:blur属性制作毛玻璃模糊效果的方法
2016/07/08 HTML / CSS
英国高级百货公司:Harvey Nichols
2017/01/29 全球购物
台湾租车首选品牌:IWS艾维士租车
2019/05/03 全球购物
在数据文件自动增长时,自动增长是否会阻塞对文件的更新
2014/05/01 面试题
幼儿园优秀教师事迹
2014/02/13 职场文书
化妆品店促销方案
2014/02/24 职场文书
运动会演讲稿300字
2014/08/25 职场文书
MATLAB 全景图切割及盒图显示的实现步骤
2021/05/14 Python
MySQL数据库如何给表设置约束详解
2022/03/13 MySQL