1、新建一个html文件。
2、在html页面上创建一个点击的button按钮。
3、为button添加点击时创建一个新的div事件。使用documentcreateElement("div")创建一个新的div，然后使用innerHTML对新建的div设置内容，最后把div放到<body>显示。
4、为button按钮添加点击是创建新div事件。
5、保存好html文件后使用浏览器打开，点击button按钮会执行已经写好的创建div的事件。
HTML5中可以通过IP，WIFI信息，GPS，来实现地理定位，当然相关精度也是有所不同，所以如果要精确导航就得使用GPS信息。
下面是一段HTML5结合百度地图API来获取位置的代码：
<div id="allmap"></div>当前定位地址：<a id="du-gps"></a><span></span></div><script>
var map = new BMapMap("allmap");
var geolocation = new BMapGeolocation();
geolocationgetCurrentPosition(function(r){
if(thisgetStatus() == BMAP_STATUS_SUCCESS){
mappanTo(rpoint);
//alert('您的位置：'+rpointlng+','+rpointlat);
var pt = rpoint;
var geoc = new BMapGeocoder();
geocgetLocation(pt, function(rs){
var addComp = rsaddressComponents;
//alert(addCompprovince + ", " + addCompcity + ", " + addCompdistrict + ", " + addCompstreet + ", " + addCompstreetNumber);
$("#du-gps")text(addCompdistrict+addCompstreet+addCompstreetNumber);
});
}
else {
alert('failed'+thisgetStatus());
}
},{enableHighAccuracy: true})
</script>
坐标的单位都是像素，然后看你的元素时绝对定位还是相对定位。position：relative；是相对定位，absolute是绝对定位，那么问题就来了，你要根据div定位，那么就给这个div加上相对定位，然后给里面需要定位的元素加上绝对定位，这样就可以很明确的定位了，比如你已经给这个div加了相对定位，你要给里面一个gif定位在距离左（定位起始点就是左上角，可以视为（0px，0px））边100px；距离上面200px；你就给这个元素写上left：100px； top：200px；就是这个意思，自己去试试吧
var
box=documentgetElementById('box');
//
获取元素
alert(boxgetBoundingClientRect()top);
//
元素上边距离页面上边的距离
alert(boxgetBoundingClientRect()right);
//
元素右边距离页面左边的距离
alert(boxgetBoundingClientRect()bottom);
//
元素下边距离页面上边的距离
alert(boxgetBoundingClientRect()left);
//
元素左边距离页面左边的距离
getBoundingClientRect()
---元素距离页面的距离
canvas--详情参考css3(画图用的)
clientX--鼠标位置的x轴坐标
var
xe应该就是一个变量
3获取在canvas里的点坐标
getBoundingClientRect()//用于获取某个元素相对于视窗的位置集合。集合中有top,
right,
bottom,
left等属性。
function
detect(event){
var
x=eventclientX-canvasgetBoundingClientRect()left;
var
y=eventclientY-canvasgetBoundingClientRect()top;
}
综合上述应该是获取在canvas里的点坐标吧！
>
以上就是关于如何用js 获取一个div的坐标全部的内容，包括:如何用js 获取一个div的坐标、html5 如何调用安卓手机获取gps坐标、html坐标，和定位等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）