下面是一个例子:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>地理位置</title>
</head>
<body>
<script>
navigator.geolocation.getCurrentPosition(
function(position){
var cords = position.coords
alert("当前经度:"+cords.longtitude +", 纬度:"+cords.latitude)
},
function(error){
var errorTypes={1:"位置服务被拒绝", 2:"获取不到位置信息", 3:"获取位置信息超时"}
alert( errorTypes[error.code] +":,不能确定当前地理位置")
}
)
</script>
</body>
</html>
这只是一个例子,一般用经度和纬度调用地图如百度地图的API显示。
注意:在电脑本机上没法测试,一般把网页放到服务器上,用手机访问可以定位。
给超链接设置个id,var alink = document.getElementById(id)
var pos = GetAbsPosition(alink)
alert(pos.top)
alert(pos.left)
// 获取element的绝对位置
function GetAbsPosition(element) {
var w = element.offsetWidth
var h = element.offsetHeight
var t = element.offsetTop
var l = element.offsetLeft
while( element = element.offsetParent) {
t+=element.offsetTop
l+=element.offsetLeft
}
return { width : w, height : h, left : l, top : t }
}