`

JS中的对象定位方法

阅读更多

如果经常要操作浮动对象(比如拖拽、移动什么的)操作,参照下面的方法就可以。

简单的罗列了一下,虽然不是很全吧。。。

 

  <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元素位置、大小、鼠标定位操作

    本文将详细介绍 Javascript 中元素位置、大小、鼠标定位操作相关的知识点,包括事件对象、DOM 对象、Style 对象等提供的相关属性和方法。 一、事件对象 Event 事件对象 Event 提供了多个属性来获取鼠标的当前位置...

    js脚本数组,对象,字符对比是否相同

    js脚本数组,对象,字符对比是否相同

    js定位示例

    很多时候我们点击一个对象时需要页面自动定位到指定位置,这里演示了两种定位:原生javascript定位和jquery定位,分别是直接定位和带动画效果的定位。

    【JavaScript源代码】JavaScript中arguments的使用方法详解.docx

     说回arguments,它是js中函数内置的一个对象,而执行函数方法的实参中值都存储在arguments中; 要想获取到这些实参,就需要像数组一样,用下标/索引来定位到每个值上面,但是又不能说它是一个数组,因为它里面...

    js 中的selection对象使用笔记+光标定位

    NULL 博文链接:https://jm1999.iteye.com/blog/2317291

    javascript完全学习手册1 源码

    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 创建...

    javascript完全学习手册2 源码

    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对象方法...

    JavaScript Table行定位效果

    最后我用的方法是新建一个table,并把源tr克隆到新table中,然后通过对新table定位来实现效果。 用这个方法关键有两点,首先要做一个仿真度尽可能高的tr,还有是要准确的定位,这些请看后面的程序说明。 程序说明 ...

    源文件程序天下JAVASCRIPT实例自学手册

    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中使用js实现定位

    学习selenium的时候经常用扫的定位方式WebDriver定位方式,但是一些Windows的窗口就无力了,这时候可以用js定位 使用js定位的时候是用DOM树定位方式 eg: document.getElementById("su"); 这里就可以看出来,和...

    JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

    本文实例讲述了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法。分享给大家供大家参考,具体如下: 这里演示js如何给页面中所有的img对象加上onclick事件,且实现在新窗体中查看该图片文件的功能: ...

    JS获取并操作iframe中元素的方法

    JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位): 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位): 代码如下: ...

    JavaScript详解(第2版)

     13.2.4 JavaScript对象方法和事件   13.3 处理窗口事件或框架事件   13.3.1 onLoad和onUnLoad事件   13.3.2 onFocus和onBlur事件函数   13.3.3 onResize事件处理函数   13.4 鼠标事件处理   ...

    JavaScript基础和实例代码

    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 通过...

    监控视频人脸识别和点云融合空间定位实验.pdf

    然后创建一条射线,使用Three.js(https://threejs.org/)中raycaster功能的setFromCamera方法,获取头顶位置P点的像素坐标。 本实验结果表明,基于监控视频的人脸识别和点云融合空间定位技术可以实现监控对象的...

    extraction:JavaScript 对象图的树提取

    JavaScript 对象图的树提取关于提取是一个小JavaScript库,用于从任意对象图中提取对象树。 对象图通常具有循环并包含许多信息。 因此,线索是提取的对象树使用链接来打破对象引用循环,并且可以通过省略非请求信息...

    JS在Array数组中按指定位置删除或添加元素对象方法示例

    JavaScript的数据中可通过splice/slice在指定位置添加或删除元素。另外还有slice、delete等方法实现。 splice简介 splice方法向/从数组中添加/删除项目,然后返回被删除的项目。 该方法会改变原始数组。 array...

    JavaScript笔记.doc

    6、内置的JavaScript对象: 3 7、处理对象的内置方法: 3 8、用户自定义对象: 4 9、使用IE的Scriptlet: 4 三、Form元素:文本框和按钮 5 1、文本框: 5 2、按钮: 5 3、文本区: 6 4、口令密码: 6 5、确认按钮和...

    js高级程序设计第三版(高清中文含源码压缩)JavaScript 超级畅销书的最新版

    JavaScript 语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起,深入浅出地探讨了面向 对象编程、Ajax 与 Comet 服务器端通信,HTML5 表单、媒体、Canvas(包括 WebGL)及 Web Workers、 地理定位、跨...

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    js获取可见元素的尺寸还是比较方便的,这个可以直接使用这个方法: 代码如下:function getDefaultStyle(obj,attribute){ // 返回最终样式函数,兼容IE和DOM,设置参数:元素对象、样式特性 return obj.currentStyle...

Global site tag (gtag.js) - Google Analytics