js搜索页面中的值并定位_js搜索定位到指定内容

文章导读:

• 1、js网页如何绝对定位
• 2、手机js页面实现一键定位，并且把获取的地理位置显示到文本框中，如下图，100分
• 3、jquery查找字符串,并且定位到字符串所在位置

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="03cf-47c5-0a95-f6b6 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

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

手机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

jquery查找字符串,并且定位到字符串所在位置

indexOf() 和 lastIndexOf() 是js的用法，与jquery是无关的，所有直接用原生js就可以了。

indexOf() 和 lastIndexOf() 方法返回的都是指定的子串在另一个字符串中的位置，如果没有找不到子串，则返回 -1。

这两个方法的不同之处在于，indexOf() 方法是从字符串的开头（位置 0）开始检索字符串，而 lastIndexOf() 方法则是从字符串的结尾开始检索子串。

strObj.indexOf(subString[, startIndex]) 参 数 strObj 必选项。String 对象或文字，要在 String 对象中查找的子字符 串。 starIndex 可选项。该整数值指出在 String 对象内开始查找的索引。如果省略，则从字符串的开始处查找。

说明 indexOf 方法返回一个整数值，指出 String 对象内子字符串的开始位置。如果没有找到子字符串，则返回 -1。 如果 startindex 是负数，则 startindex 被当作零。如果它比最大的字符位置索引还大，则它被当作最大的可能索引。 从左向右执行查找。否则，该方法与 lastIndexOf 相同。

例子: [CODE_HTML] [/CODE_HTML] 最后得到的结果是-1,0,3

if(ss.indexOf('winner')-1)

strobj.indexOf(substring[, startindex])

其中strobj是必选项。string 对象或文字