//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 ;
}
分享到:
相关推荐
你可以将URL替换为你希望在弹出窗口中显示的页面。 接下来,关于获取上传文件的全路径。在现代浏览器的安全策略下,由于隐私原因,JavaScript不能直接访问文件的完整路径。通常,当你通过`<input type="file">`元素...
【标题】"JS固定窗口位置滚动效果.rar"所涉及的知识点主要集中在JavaScript(JS)的网页特效开发上,特别是如何实现一个元素在页面滚动时始终保持在屏幕的固定位置,这种效果通常被称为“固定定位”或者“吸附效果”...
本文介绍的JavaScript方法,就是如何在iframe中实现获取父窗口URL地址的过程。这一过程利用了JavaScript中的window.parent对象,它是iframe元素与父窗口之间的桥梁。 首先,理解window对象在JavaScript中的地位非常...
在JavaScript中,获取鼠标位置和计算鼠标与特定div元素的相对位置是常见的需求,这在交互式网页开发中尤其重要。下面将详细讲解如何实现这些功能。 首先,我们需要理解两个基本概念:`event.clientX` 和 `event....
### JavaScript中的Window窗口对象 #### 一、概述 在JavaScript编程语言中,`Window`对象是最核心也是最重要的对象之一。几乎所有浏览器操作都与`Window`对象相关联。它代表了一个浏览器窗口,并且提供了访问该...
标题“JS获取鼠标位置(兼容FF)”指的是用JavaScript实现一个能在不同浏览器,特别是Internet Explorer 6.0和Firefox 3.0.1上运行的鼠标位置获取方法。Firefox的兼容性处理是关键,因为不同的浏览器有时会有不同的...
1. **定义**:`event.clientX` 和 `event.clientY` 是 JavaScript 事件对象中的属性,用于获取鼠标点击位置相对于视口(即浏览器窗口)的横纵坐标。 2. **局限性**:虽然这两个属性能够提供基本的位置信息,但它们...
- `scrollLeft` 和 `scrollTop`:设置或获取位于对象左边界和窗口中目前可见内容的距离。 - `scrollWidth`:获取对象的滚动宽度。 - `event.clientX` 和 `event.clientY`:获取相对于文档的水平和垂直坐标。 #### ...
本文将详细介绍如何使用JavaScript来获取鼠标在页面上的当前位置坐标,并实时显示这些坐标值。该功能主要涉及到以下几个知识点: 1. **事件监听器(Event Listener)**:通过`document.onmousemove`来监听鼠标的...
Window对象代表浏览器窗口,是JavaScript中的全局对象,提供了与浏览器窗口相关的属性和方法。例如: - `alert(message)`:显示一个带有指定消息的警告对话框。 - `confirm(message)`:显示一个确认对话框,用户...
在JavaScript(JS)中,获取窗口相对于屏幕的位置坐标是一个常见的需求,这在处理弹窗、悬浮元素或者需要精确布局的场景中尤其有用。标题和描述中提到的方法是通过`window.screenLeft`和`window.screenTop`两个属性...
以下是一个简单的示例,展示如何使用JavaScript获取当前IE窗口的HTML: ```javascript var shell = new ActiveXObject("WScript.Shell"); var ie = shell.Exec("rundll32 url.dll,FileProtocolHandler ...
window.postMessage() 方法在 JavaScript 中的应用 window.postMessage() 方法是 JavaScript 中的一种跨源通信机制,允许两个不同页面的脚本之间进行通信。通常情况下,两个页面的脚本只能在执行它们的页面位于同一...
JS 获取 iframe 中的内容 在 Web 开发中,我们经常会遇到需要获取 iframe 中的内容的情况。iframe 是 HTML 中的一个元素,用于嵌入其他网页或文件。今天,我们将探讨如何使用 JavaScript 获取 iframe 中的内容。 ...
- **frames**:它是一个集合,包含了当前窗口中所有frame或iframe对象,可以用来访问和操作框架内的页面。 - **location**:此属性表示当前文档的URL,并提供了导航功能,如改变页面地址或加载新的页面。 - **...
JavaScript中的WINDOW对象是JavaScript在浏览器环境中访问和操作浏览器窗口的核心对象。它包含了与浏览器窗口相关的所有属性和方法,使得开发者能够实现对窗口的各种控制,如打开新的窗口、更改窗口尺寸、滚动内容...
本教程将深入探讨如何在子窗口通过JS操作父窗口中的元素,涉及到的关键技术包括JavaScript、HTML和DOM(Document Object Model)。 1. **JavaScript基础知识**: - JavaScript是一种解释型的、轻量级的编程语言,...
- **使用 `window.opener` 对象**:在子窗口中可以通过 `window.opener` 访问到打开它的父窗口对象,从而获取或修改父窗口中的数据。 - **使用事件监听器**:可以在父窗口上设置事件监听器,当子窗口发生某些事件时...
在JavaScript中,飘动窗口的实现主要依赖于DOM(文档对象模型)操作和CSS(层叠样式表)变换。首先,我们需要在HTML中创建一个包含窗口内容的元素,然后使用JavaScript来动态地改变这个元素的位置和样式,以实现飘动...