首页 > 软件资讯 > 正文

js获取元素位置,js中怎么获取数组中元素的位置

2020-04-27 09:54:05  来源:http://www.yummyboobs.net  编辑:admin

JS如何获取DIV的位置?

div事先在输入框的下面的而复且是隐藏的,当点击表情图标,div通过onclick激活JS某个函数,该函数内必须会有一段使隐藏的制div显示出来的方法语句,是通过这样个流程实现的。至于怎样去定百位这个表情DIV的位置的,这个css里面有一个叫position的方法,利用坐标x,y(left,top,right,bottom)实现div位置任意度改变。

用百度地图api,怎么获取当前我的位置

必须有啊。。如果是来 网页应用源,就用 百度的JavaScript api 。如果是移动端,可以查看安卓SDK 的示例//百度百地图API功能varmap=newBMap.Map("allmap");varpoint=newBMap.Point(116.331398,39.897445);map.centerAndZoom(point,12);vargeolocation=newBMap.Geolocation();geolocation.getCurrentPosition(function(r){if(this.getStatus()==BMAP_STATUS_SUCCESS){varmk=newBMap.Marker(r.point);map.addOverlay(mk);map.panTo(r.point);alert('您的位置:'+r.point.lng+','+r.point.lat);}else{alert('failed'+this.getStatus());}},{enableHighAccuracy:true})官方示例!度本回答被提问者和网友采纳

JavaScript 脚本如何获取到一个图片的左上角的绝对位置

你说的绝对位置有三种情况:e79fa5e98193313333326131381、相对父层2、相对视窗3、相对页面<scripttype="text/javascript">window.onload=function(){ varimg=document.getElementById("img"); //相对父层 vartop_rel_to_parent=img.offsetTop; varleft_rel_to_parent=img.offsetLeft; //相对页面 functiongetNodePosition(node){ vartop=left=0; while(node){ if(node.tagName){ top=top+node.offsetTop; left=left+node.offsetLeft; node=node.offsetParent; } else{ node=node.parentNode; } } return[top,left]; } vartop_rel_to_doc=getNodePosition(img)[0]; varleft_rel_to_doc=getNodePosition(img)[1]; //相对视窗 functiongetScroll(){ if(typeofpageYOffset!= 'undefined'){ return[pageYOffset,pageXOffset]; } else{ varB=document.body; varD=document.documentElement; D=(D.clientHeight)?D:B; return[D.scrollTop,D.scrollLeft]; } } vartop_rel_to_viewport=top_rel_to_doc-getScroll()[0]; varleft_rel_to_viewport=left_rel_to_doc-getScroll()[1];};</script>

下面函数的功能是:获取第n个数组元素的地址。将程序补充完整。

int* getadd( int *p ,int n) //指针p指向数组首地址{ return( p+n );}

用javascript 获取屏幕分辨率 来决定网页中元素位置的问题

如何让网页适应不同分辨率 解决思路: 在不同分辨率下看到的网页版面格式有很大差别,甚至有可能错位。导致这种差别的原因,主要是因为网页中用了绝对定位的层,并且页面内容设置为居中,这样在分辨率改变时就会导致错位。因此我们可以通过判断用户的分辨率,然后让页面或排版做出相应变化。 方法一:做为不同的分辨率做不同的页,然后做个引导页,获取到客户端屏幕的分辨率后转向到相应页 具体步骤: 1. 先捕获用户的分辨率。 水平分辨率:screen.width 垂直分辨率:screen.height 2.再用页面跳转的方法转到相应页。 location.replace(screen.width+".htm") 或者: location.replace(screen.height+".htm") 3.完整代码。 <script language="JavaScript"> <!-- location.replace(screen.width+".htm"); //--> </script> 技巧:screen.width 也可以改成 screen.availWidth。 提示: l language="JavaScript" 指定脚本所用语言为 JavaScript,大部分浏览器的默认客户端脚本语言就是 JavaScript,所以也可以省略不写。 l <!-- 和 //--> 两个标识的作用是通知不支持 JavaScript 浏览器忽略两标识间的所有 JavaScript 代码,一般情况下可以省略不写。 l JavaScript 语句与 C 语言一样用分号”;”结束,但也可以省略不写,每一新行表示开始一条新语句。 l screen.width+".htm" 在进行字符串连接后得到诸如 800.htm,1024.htm 之类的文件名。 l 可以在把完整代码存成单独一页作为引导页。 试一试:读者可以试着用assign方法实现页面跳转。 方法二:根据文档显示区域宽度重新调整层的定位。 具体步骤: 1. 获取文档显示区域的宽度。 document.body.offsetWidth 2.判断对象是否为层。 function isLayer(obj){ with(obj.currentStyle) return (position=="absolute"&&left!="") } 3.完整代码。 <script language="JavaScript"> <!-- function isLayer(obj){ //判断对象是否为层的函数 /*不用 style 而用 currentStyle 的原因是因为有些层不是直接在标签内写 CSS 的,这时用 style 取不到值*/ with(obj.currentStyle) //返回布尔值true或false return (position=="absolute"&&left!="") } //800为800X600分辨率下窗口最大化时document.body.offsetWidth的值 var iWidth=800 window.onload=function init(){ //匹配页面中所有标签名为DIV元素,以数组形式返回对象 var divs=document.getElementsByTagName("DIV") for(var i=0;i<divs.length;i++)//遍历所有DIV标签 if(isLayer(divs[i]))//判断对象是否为层,是则调整它的 X 坐标 divs[i].runtimeStyle.posLeft=parseInt(divs[i].currentStyle.left)+(document.body.offsetWidth-iWidth)/2 iWidth=document.body.offsetWidth //保存当前文档显示区域的宽度 } //--> </script> <body onresize="init()"> <div id=demo style="position:absolute;left:50px;top:100px;width:200px;height:200px;border:1px solid #000">Layer1</div> <div id=demo1 style="position:absolute;left:250px;top:50px;width:200px;height:200px;border:1px solid #000">Layer2</div> 注意: l 必须确保所有层的标签为 DIV。 l 程序中的 demo 和 demo1 两个层只是测试用的,在实际就用时可以删掉。 技巧:如果所有层都是直接在标签内的定义的,可以把 currentStyle 和runtimeStyle 改成 style。 提示: l JavaScript 的单行注释是以一对正斜杠”//”开始,多行注释以一个正斜杠加一个星号的组合(/*)开始,并以其逆向顺序 (*/)结束。 l window.onload 表示在页面加载完成后触发。 l onresize="init()" 表示在窗口大小改变时触发名为 init 的函数。 分析:屏幕分辨率先是影响到文档显示区域宽度(document.body.offsetWIdth)大小,然后文档显示区域宽度大小进一步影响到层的X轴定位和页面内容居中部分的相对位置e799bee5baa6e997aee7ad9431333264636265,所以只要根据文档显示区域宽度大小来重新调整层的X轴坐标就行了。 特别提示 Javascript脚本的代码原则上是要求放在代码的 <head> 与 </head> 间,但放到其它标签窗口内也可以正常运行,方法二中代码运行后效果如图 3.1 和 3.2 所示: 图 3.1 窗口最大化时层的 图 3.2 窗口缩小后的层的位置 特别说明方法一中用到了 location 对象的 replace 和 assign 方法来加载目标文档。 1. location对象的replace方法是将指定的文档替换当前文档。 2. location对象的assign方法是装入新的HTML文档。 方法二中用了 currentStyle、runtimeStyle 和 style 三个对象来捕获目标对象的样式设置。 1. currentStyle对象代表在全局样式表、内嵌样式和 HTML 标签属性中指定的对象格式和样式。 2. runtimeStyle对象代表居于全局样式表、内嵌样式和 HTML 标签属性指定的格式和样式之上的对象的格式和样式。 3. style对象代表给定元素所有可能的内嵌样式的当前设置