获取元素坐标和窗口大小

(1)获取元素坐标

Js代码  

  1. var $self=$(imgSelf);  
  2.         var offset2=$self.offset();  
  3.         var left=Number(offset2.left)+20;  

 

 

(2)获取窗口大小

Js代码  

  1. //Cross browser gets the size of Visual area window,Have nothing to do with scroll bars  
  2. var getInner=(function() {  
  3.     // alert(typeof window.innerWidth !== 'undefined');  
  4.     if (typeof window.innerWidth !== 'undefined') {//Notice:'undefined' is right  
  5.         return function(){  
  6.             return {  
  7.                 width : window.innerWidth,  
  8.                 height : window.innerHeight  
  9.             }  
  10.         }  
  11.     } else {  
  12.         return function(){  
  13.             return {  
  14.                 width : document.documentElement.clientWidth,  
  15.                 height : document.documentElement.clientHeight  
  16.             }  
  17.         }  
  18.     }  
  19. })();  
  20.   
  21. var delta=left+50-getInner().width;  

 

 

(3)动态增加节点

在后面增加兄弟节点

Js代码  

  1. $next.after('<div id="answer_'+id+'"  ></div>');  

 

增加子节点:

Js代码  

  1. $('body div.draft').append(html);  

 

时间: 2024-11-08 22:12:40

获取元素坐标和窗口大小的相关文章

js 获取元素坐标:js获取对象的绝对坐标

js获取对象的绝对坐标 方法1:function   getAbsPoint(e)  {      var   x   =   e.offsetLeft,   y   =   e.offsetTop;      while(e=e.offsetParent)    {       x   +=   e.offsetLeft;         y   +=   e.offsetTop;    }    alert("x:"+x+","+"y:"+y

js获取元素到文档区域document的坐标方法

  获取页面中元素到文档区域document的横向.纵向坐标的两种方法及其比较 在js控制元素运动的过程中,对于页面元素坐标位置的获取是经常用到的,这里主要总结下两种方法: 一:通过叠加元素对象和它的offsetParent(如果存在)的offsetLeft/offsetTop属性来实现 在阅读javascript高级程序设计第三版DOM部分时,了解到要获取某个元素在页面上的偏移量,需要将这个元素的offsetLeft和offsetTop与其offsetParent的相同属性相加,一直循环直至根

js获取元素到文档区域document的(横向、纵向)坐标的两种方法_javascript技巧

获取页面中元素到文档区域document的横向.纵向坐标的两种方法及其比较 在js控制元素运动的过程中,对于页面元素坐标位置的获取是经常用到的,这里主要总结下两种方法: 一:通过叠加元素对象和它的offsetParent(如果存在)的offsetLeft/offsetTop属性来实现 在阅读javascript高级程序设计第三版DOM部分时,了解到要获取某个元素在页面上的偏移量,需要将这个元素的offsetLeft和offsetTop与其offsetParent的相同属性相加,一直循环直至根元素

js控制页面元素坐标常用的两种方法

文章简介:获取页面中元素到文档区域document的横向.纵向坐标的两种方法及其比较. 获取页面中元素到文档区域document的横向.纵向坐标的两种方法及其比较 在js控制元素运动的过程中,对于页面元素坐标位置的获取是经常用到的,这里主要总结下两种方法: 一:通过叠加元素对象和它的offsetParent(如果存在)的offsetLeft/offsetTop属性来实现 在阅读javascript高级程序设计第三版DOM部分时,了解到要获取某个元素在页面上的偏移量,需要将这个元素的offsetL

webbrowser获取内容坐标

问题描述 webbrowser获取内容坐标 如图红框内容的坐标 解决方案 你可以遍历元素,找到你要的元素,然后调用getElementFromPoint,得到坐标. 解决方案二: 可以插入javascript,然后就方便获取坐标了

JavaScript获取元素尺寸和大小操作总结_javascript技巧

一.获取元素的行内样式 复制代码 代码如下: var obj = document.getElementById("test"); alert(obj.height + "\n" + obj.width); // 200px 200px typeof=string只是将style属性中的值显示出来 二.获取计算后的样式 复制代码 代码如下: var obj = document.getElementById("test"); var style

js 获取元素在页面上的偏移量的方法汇总_javascript技巧

使用js制作效果时,我们常常要获取某个元素在页面上的偏移量(例如tip提示框功能).而获取偏移量可以直接获取相对于document的偏移量,也可以获取相对与视口的偏移量(viewpoint)加上页面滚动量(scroll)获得. 1.获取相对与document的偏移量 function getOffsetSum(ele){ var top= 0,left=0; while(ele){ top+=ele.offsetTop; left+=ele.offsetLeft; ele=ele.offsetP

jQuery获得指定元素坐标的方法_jquery

本文实例讲述了jQuery获得指定元素坐标的方法.分享给大家供大家参考.具体分析如下: var left = $("#div").offset().left; //div相当于窗口的左边的偏移量 var top = $("#div").offset().top; //相当于窗口的顶部的偏移量 希望本文所述对大家的jQuery程序设计有所帮助. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索j

(第八天)文档坐标、视口坐标和元素坐标

文档坐标和视口坐标 概念 元素的位置是以像素来度量的,向右代表X坐标的增加,向下代表Y坐标的增加.但是,有两个不同的点作为坐标系的原点:元素的X和Y坐标可以相对于文档的左上角或者相对于其中显示文档的视口的左上角.在顶级窗口和标签页中,"视口"只是实际显示文档内容的浏览器的一部分:它不包括浏览器"外壳"(如菜单,工具条件和标签页).当讨论元素的位置时,必须弄清楚所使用的坐标时文档坐标还是视口坐标.[注]视口坐标有时也叫窗口坐标.  举例说明:在文档坐标中如果一个元素的