如果经常要操作浮动对象(比如拖拽、移动什么的)操作,参照下面的方法就可以。
简单的罗列了一下,虽然不是很全吧。。。
<scirpt type='text/javascript" language="javascript">
var s = "";
s += "\r\n<br/>网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n<br/>网页可见区域高:"+ document.body.clientHeight;
s += "\r\n<br/>网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
s += "\r\n<br/>网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n<br/>网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n<br/>网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n<br/>网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n<br/>网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n<br/>网页正文部分上:"+ window.screenTop;
s += "\r\n<br/>网页正文部分左:"+ window.screenLeft;
s += "\r\n<br/>屏幕分辨率的高:"+ window.screen.height;
s += "\r\n<br/>屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n<br/>屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n<br/>屏幕可用工作区宽度:"+ window.screen.availWidth;
s += "\r\n<br/>你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n<br/>你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
document.writeln(s);
</script>
分享到:
相关推荐
本文将详细介绍 Javascript 中元素位置、大小、鼠标定位操作相关的知识点,包括事件对象、DOM 对象、Style 对象等提供的相关属性和方法。 一、事件对象 Event 事件对象 Event 提供了多个属性来获取鼠标的当前位置...
js脚本数组,对象,字符对比是否相同
很多时候我们点击一个对象时需要页面自动定位到指定位置,这里演示了两种定位:原生javascript定位和jquery定位,分别是直接定位和带动画效果的定位。
说回arguments,它是js中函数内置的一个对象,而执行函数方法的实参中值都存储在arguments中; 要想获取到这些实参,就需要像数组一样,用下标/索引来定位到每个值上面,但是又不能说它是一个数组,因为它里面...
NULL 博文链接:https://jm1999.iteye.com/blog/2317291
3.1 JavaScript对象概述 43 3.1.1 对象的概念 43 3.1.2 使用JavaScript对象 基础知识 44 3.2 Array对象 46 3.2.1 创建Array对象 46 3.2.2 Array对象属性 47 3.2.3 Array对象方法 48 3.3 String对象 51 3.3.1 创建...
3.1.2 使用JavaScript对象基础知识 3.2 Array对象 3.2.1 创建Array对象 3.2.2 Array对象属性 3.2.3 Array对象方法 3.3 String对象 3.3.1 创建String对象 3.3.2 String对象属性 3.3.3 String对象方法...
最后我用的方法是新建一个table,并把源tr克隆到新table中,然后通过对新table定位来实现效果。 用这个方法关键有两点,首先要做一个仿真度尽可能高的tr,还有是要准确的定位,这些请看后面的程序说明。 程序说明 ...
4.2 JavaScript对象的生成 4.2.1 HTML文档结构 4.2.2 DOM框架 4.2.3 顶级对象之间的关系 4.2.4 浏览器载入文档时对象的生成 4.3 JavaScript核心对象 4.4 文档对象的引用 4.4.1 通过对象位置访问文档对象 4.4.2 通过...
学习selenium的时候经常用扫的定位方式WebDriver定位方式,但是一些Windows的窗口就无力了,这时候可以用js定位 使用js定位的时候是用DOM树定位方式 eg: document.getElementById("su"); 这里就可以看出来,和...
本文实例讲述了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法。分享给大家供大家参考,具体如下: 这里演示js如何给页面中所有的img对象加上onclick事件,且实现在新窗体中查看该图片文件的功能: ...
JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位): 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位): 代码如下: ...
13.2.4 JavaScript对象方法和事件 13.3 处理窗口事件或框架事件 13.3.1 onLoad和onUnLoad事件 13.3.2 onFocus和onBlur事件函数 13.3.3 onResize事件处理函数 13.4 鼠标事件处理 ...
4.2 JavaScript对象的生成 4.2.1 HTML文档结构 4.2.2 DOM框架 4.2.3 顶级对象之间的关系 4.2.4 浏览器载入文档时对象的生成 4.3 JavaScript核心对象 4.4 文档对象的引用 4.4.1 通过对象位置访问文档对象 4.4.2 通过...
然后创建一条射线,使用Three.js(https://threejs.org/)中raycaster功能的setFromCamera方法,获取头顶位置P点的像素坐标。 本实验结果表明,基于监控视频的人脸识别和点云融合空间定位技术可以实现监控对象的...
JavaScript 对象图的树提取关于提取是一个小JavaScript库,用于从任意对象图中提取对象树。 对象图通常具有循环并包含许多信息。 因此,线索是提取的对象树使用链接来打破对象引用循环,并且可以通过省略非请求信息...
JavaScript的数据中可通过splice/slice在指定位置添加或删除元素。另外还有slice、delete等方法实现。 splice简介 splice方法向/从数组中添加/删除项目,然后返回被删除的项目。 该方法会改变原始数组。 array...
6、内置的JavaScript对象: 3 7、处理对象的内置方法: 3 8、用户自定义对象: 4 9、使用IE的Scriptlet: 4 三、Form元素:文本框和按钮 5 1、文本框: 5 2、按钮: 5 3、文本区: 6 4、口令密码: 6 5、确认按钮和...
JavaScript 语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起,深入浅出地探讨了面向 对象编程、Ajax 与 Comet 服务器端通信,HTML5 表单、媒体、Canvas(包括 WebGL)及 Web Workers、 地理定位、跨...
js获取可见元素的尺寸还是比较方便的,这个可以直接使用这个方法: 代码如下:function getDefaultStyle(obj,attribute){ // 返回最终样式函数,兼容IE和DOM,设置参数:元素对象、样式特性 return obj.currentStyle...