`
jp0520
  • 浏览: 10467 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JS获取对象在窗口中的位置

 
阅读更多

//JS得到对象在页面中离左边的绝对位置
function getAbsoluteLeft(ob){
 if(!ob){return null;}
  var mendingOb = ob;
  var mendingLeft = mendingOb .offsetLeft;
  while( mendingOb != null && mendingOb .offsetParent != null && mendingOb .offsetParent.tagName != "BODY" ){
    mendingLeft += mendingOb .offsetParent.offsetLeft;
    mendingOb = mendingOb .offsetParent;
  }
 return mendingLeft ;
}

//JS得到对象在页面中离顶部的绝对位置
function getAbsoluteTop(ob){
 if(!ob){return null;}
 var mendingOb = ob;
 var mendingTop = mendingOb .offsetTop;
 while( mendingOb != null && mendingOb .offsetParent != null && mendingOb .offsetParent.tagName != "BODY" ){
  mendingTop += mendingOb .offsetParent.offsetTop;
  mendingOb = mendingOb .offsetParent;
 }
 return mendingTop ;
}

分享到:
评论

相关推荐

    js弹出窗口 + 获取上传文件全路径

    你可以将URL替换为你希望在弹出窗口中显示的页面。 接下来,关于获取上传文件的全路径。在现代浏览器的安全策略下,由于隐私原因,JavaScript不能直接访问文件的完整路径。通常,当你通过`<input type="file">`元素...

    JS固定窗口位置滚动效果.rar

    【标题】"JS固定窗口位置滚动效果.rar"所涉及的知识点主要集中在JavaScript(JS)的网页特效开发上,特别是如何实现一个元素在页面滚动时始终保持在屏幕的固定位置,这种效果通常被称为“固定定位”或者“吸附效果”...

    js实现ifram取父窗口URL地址的方法

    本文介绍的JavaScript方法,就是如何在iframe中实现获取父窗口URL地址的过程。这一过程利用了JavaScript中的window.parent对象,它是iframe元素与父窗口之间的桥梁。 首先,理解window对象在JavaScript中的地位非常...

    JavaScript获取鼠标位置和鼠标与div的相对位置

    在JavaScript中,获取鼠标位置和计算鼠标与特定div元素的相对位置是常见的需求,这在交互式网页开发中尤其重要。下面将详细讲解如何实现这些功能。 首先,我们需要理解两个基本概念:`event.clientX` 和 `event....

    JavaScript中的Window窗口对象

    ### JavaScript中的Window窗口对象 #### 一、概述 在JavaScript编程语言中,`Window`对象是最核心也是最重要的对象之一。几乎所有浏览器操作都与`Window`对象相关联。它代表了一个浏览器窗口,并且提供了访问该...

    JS获取鼠标位置(兼容FF)

    标题“JS获取鼠标位置(兼容FF)”指的是用JavaScript实现一个能在不同浏览器,特别是Internet Explorer 6.0和Firefox 3.0.1上运行的鼠标位置获取方法。Firefox的兼容性处理是关键,因为不同的浏览器有时会有不同的...

    js获取鼠标点击位置

    1. **定义**:`event.clientX` 和 `event.clientY` 是 JavaScript 事件对象中的属性,用于获取鼠标点击位置相对于视口(即浏览器窗口)的横纵坐标。 2. **局限性**:虽然这两个属性能够提供基本的位置信息,但它们...

    js获取屏幕分辨率的方法

    - `scrollLeft` 和 `scrollTop`:设置或获取位于对象左边界和窗口中目前可见内容的距离。 - `scrollWidth`:获取对象的滚动宽度。 - `event.clientX` 和 `event.clientY`:获取相对于文档的水平和垂直坐标。 #### ...

    javascript获取鼠标当前位置坐标并显示

    本文将详细介绍如何使用JavaScript来获取鼠标在页面上的当前位置坐标,并实时显示这些坐标值。该功能主要涉及到以下几个知识点: 1. **事件监听器(Event Listener)**:通过`document.onmousemove`来监听鼠标的...

    js对象属性大全下载

    Window对象代表浏览器窗口,是JavaScript中的全局对象,提供了与浏览器窗口相关的属性和方法。例如: - `alert(message)`:显示一个带有指定消息的警告对话框。 - `confirm(message)`:显示一个确认对话框,用户...

    js获取窗口相对于屏幕左边和上边的位置坐标

    在JavaScript(JS)中,获取窗口相对于屏幕的位置坐标是一个常见的需求,这在处理弹窗、悬浮元素或者需要精确布局的场景中尤其有用。标题和描述中提到的方法是通过`window.screenLeft`和`window.screenTop`两个属性...

    获取当前IE窗口的html

    以下是一个简单的示例,展示如何使用JavaScript获取当前IE窗口的HTML: ```javascript var shell = new ActiveXObject("WScript.Shell"); var ie = shell.Exec("rundll32 url.dll,FileProtocolHandler ...

    js中窗口的postMessage方法1

    window.postMessage() 方法在 JavaScript 中的应用 window.postMessage() 方法是 JavaScript 中的一种跨源通信机制,允许两个不同页面的脚本之间进行通信。通常情况下,两个页面的脚本只能在执行它们的页面位于同一...

    js获取iframe中的内容

    JS 获取 iframe 中的内容 在 Web 开发中,我们经常会遇到需要获取 iframe 中的内容的情况。iframe 是 HTML 中的一个元素,用于嵌入其他网页或文件。今天,我们将探讨如何使用 JavaScript 获取 iframe 中的内容。 ...

    JavaScript窗口对象概述.pdf

    - **frames**:它是一个集合,包含了当前窗口中所有frame或iframe对象,可以用来访问和操作框架内的页面。 - **location**:此属性表示当前文档的URL,并提供了导航功能,如改变页面地址或加载新的页面。 - **...

    JS之WINDOW对象

    JavaScript中的WINDOW对象是JavaScript在浏览器环境中访问和操作浏览器窗口的核心对象。它包含了与浏览器窗口相关的所有属性和方法,使得开发者能够实现对窗口的各种控制,如打开新的窗口、更改窗口尺寸、滚动内容...

    子窗口通过js操作父窗口中的元素

    本教程将深入探讨如何在子窗口通过JS操作父窗口中的元素,涉及到的关键技术包括JavaScript、HTML和DOM(Document Object Model)。 1. **JavaScript基础知识**: - JavaScript是一种解释型的、轻量级的编程语言,...

    javascript打开静态子窗口

    - **使用 `window.opener` 对象**:在子窗口中可以通过 `window.opener` 访问到打开它的父窗口对象,从而获取或修改父窗口中的数据。 - **使用事件监听器**:可以在父窗口上设置事件监听器,当子窗口发生某些事件时...

    即时JS飘动窗口

    在JavaScript中,飘动窗口的实现主要依赖于DOM(文档对象模型)操作和CSS(层叠样式表)变换。首先,我们需要在HTML中创建一个包含窗口内容的元素,然后使用JavaScript来动态地改变这个元素的位置和样式,以实现飘动...

Global site tag (gtag.js) - Google Analytics