用js 获取一个div坐标的方法是什么?

JavaScript024

用js 获取一个div坐标的方法是什么?,第1张

js获取DIV的位置坐标的方法大概有两种:

第一种:编辑代码:var odiv=document.getElementById('divid')

alert(odiv.getBoundingClientRect().left)

alert(odiv.getBoundingClientRect().top)

第二种:编辑代码function CPos(x, y) {this.x = x this.y = y} /*** 得到对象的相对浏览器的坐标*/ function GetObjPos(ATarget {var target = ATargetvar pos = new CPos(target.offsetLeft, target.offsetTop)var target =target.offsetParentwhile (target  pos.x += target.offsetLeft  pos.y += target.offsetTop target = target.offsetParent }return pos }var obj =  document.getElementById('divid') alert(GetObjPos(obj)['x'])//x坐标alert(GetObjPos(obj)['y'])//y坐标

SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN

按照你的需求,可以使用JavaScript的window.location.pathname属性就可以获取到你想到的地址了。

例如当前页面是:https://zhidao.baidu.com/question/2121580757148991987.html

使用window.location.pathname获取的结果是:

从截图中可以看出。结果是:/question/2121580757148991987.html

获取相对路径的方法:

_nction getPath(){undefined

_ar pathName = document.location.pathname

_ar index = pathName.substr(1).indexOf("/")

_ar result = pathName.substr(0,index+1)

_eturn result}

_葱械慕峁牵?

_athName===/test/index.jsp

_esult===/test

_褂梅椒ǎ嚎梢栽_s中用此方法拼接URL:getPath()+/路径1/路径2/........

_avaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的 编程语言 。

_淙凰亲魑? Web 页面的 脚本语言 而出名,但是它也被用到了很多非 浏览器 环境中,

_avaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如 函数 式编程)风格。.