js定位页面_js地图定位

导航：

• 1、手机js页面实现一键定位，并且把获取的地理位置显示到文本框中代码？
• 2、js网页如何绝对定位
• 3、JavaScript、jQuery如何定位名字变化的网页元素？
• 4、如何使用js 重定向到原来的页面
• 5、利用js如何实现将鼠标定位在页面的某一位置

手机js页面实现一键定位，并且把获取的地理位置显示到文本框中代码？

手机js页面实现一键定位，并且把获取的地理位置显示到文本框中代码如下：

var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数，errorFunc获取定位失败回调

//首先设置默认城市

var defCity = {

id: '000001',

name: '北京市',

date: curDateTime()//获取当前时间方法

};

//默认城市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { expires: 1, path: '/' });

if (navigator.geolocation) {

navigator.geolocation.getCurrentPosition(function (position) {

var lat = position.coords.latitude;

var lon = position.coords.longitude;

//var map = new BMap.Map("container");   // 创建Map实例

var point = new BMap.Point(lon, lat); // 创建点坐标

var gc = new BMap.Geocoder();

gc.getLocation(point, function (rs) {

var addComp = rs.addressComponents;

var curCity = {

id: '',

name: addComp.province,

date: curDateTime()

};

//当前定位城市

$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });

//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);

if (successFunc != undefined)

successFunc(addComp);

});

},

function (error) {

switch (error.code) {

case 1:

alert("位置服务被拒绝。");

break;

case 2:

alert("暂时获取不到位置信息。");

break;

case 3:

alert("获取位置信息超时。");

break;

default:

alert("未知错误。");

break;

}

var curCity = {

id: '000001',

name: '北京市',

date: curDateTime()

};

//默认城市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });

if (errorFunc != undefined)

errorFunc(error);

}, { timeout: 5000, enableHighAccuracy: true });

} else {

alert("你的浏览器不支持获取地理位置信息。");

if (errorFunc != undefined)

errorFunc("你的浏览器不支持获取地理位置信息。");

}

};

var showPosition = function (position) {

var lat = position.coords.latitude;

var lon = position.coords.longitude;

//var map = new BMap.Map("container");   // 创建Map实例

var point = new BMap.Point(lon, lat); // 创建点坐标

var gc = new BMap.Geocoder();

gc.getLocation(point, function (rs) {

var addComp = rs.addressComponents;

var curCity = {

id: '',

name: addComp.province,

date: curDateTime()

};

//当前定位城市

$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });

//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);

});

};

var showPositionError = function (error) {

switch (error.code) {

case 1:

alert("位置服务被拒绝。");

break;

case 2:

alert("暂时获取不到位置信息。");

break;

case 3:

alert("获取位置信息超时。");

break;

default:

alert("未知错误。");

break;

}

var curCity = {

id: '000001',

name: '北京市',

date: curDateTime()

};

//默认城市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });

};

一、PC端通过IP实现定位代码

script type="text/javascript" src=""/script

script type="text/javascript"

document.write(IPData[0]);    //显示IP地址

document.write(IPData[2]);    //显示省

document.write(IPData[3]);    //显示市

/script

二、获取客户端地址代码

script

var url = ';output=jsoncallback=?_=' + Math.random();

$.getJSON(url, function(data) {

alert(data.Ip);

});

/script

js网页如何绝对定位

js网页绝对定位/相对定位，参考如下：

html

head

meta http-equiv="content-type" content="text/html; charset=GB2312" /

titleCSS和Js演示网页绝对定位与相对定位/title

!-- 通用样式表 --

style

* { font-size:12px; font-family:宋体, Arial; } /*规定了所有的字体样式*/

body { overflow:auto; border-style:none; margin:0px; padding:0px; }

.tools { position:absolute; top:180px; left:10px; }

#abs { position:absolute; left:10px; top:10px; width:150px; height:150px; background-color:buttonface; padding:10px; }

#rel { position:relative; left:170px; top:40px; width:150px; height:120px; background-color:buttonface; padding:10px; }

/style

script

function logEvent(){

$("ipt_x").value = event.x;

$("ipt_y").value = event.y;

$("ipt_x2").value = event.clientX;

$("ipt_y2").value = event.clientY;

}

function $(str){ return(document.getElementById(str)); }

window.onload = function(){

document.onmousemove = logEvent;

}

/script

/head

body

div id="abs"绝对定位/div

div id="rel"相对定位/div

div class="5074-62a7-f79b-b4c4 tools"

event.x input id="ipt_x" size="15"

event.y input id="ipt_y" size="15"

br/

event.clientX input id="ipt_x2" size="9"

event.clientY input id="ipt_y2" size="9"

/div

/body

/html

JavaScript、jQuery如何定位名字变化的网页元素？

这个情况应该是没法直接用选择器直接删除，可以先选出所有的div元素（因为要删除的是div元素），然后循环获取的元素列表，获取元素的className属性值来和正则匹配，符合则删除。

大概代码是这样，

var list = $('div')

for(var i =0,len=list.length; ilen; i++){

if ( /\[A-z_]{6}\s[A-z_]{6}/.test$(list)[i].className){

$(list).eq(i).remove()

}

}

如何使用js 重定向到原来的页面

在现行的网站应用中URL重定向的应用有很多：

404页面处理、网址改变、多个网站地址等；

本质上就是将当前使用者的网址从一个网址导向到另外的一个网址上面去；

实现重定向的方式有很多种，有服务器端配置、后端程序重定向处理、前端js重定向；

前端重定向的实现：

在众多的BOM对象中，location算是最重要的对象之一了，使用location可以通过多种方式来改变浏览器的位置，如：

location.assign("");

window.location="";

location.href="";

另外修改location对象的其他属性也可以改变当前加载的页面。

利用js如何实现将鼠标定位在页面的某一位置

是要光标聚焦吗

$("#inputValue").focus(); //这样光标就聚焦到 这个id=inputValue的input里面了

标签：js定位页面