js位置代码（js写的位置）

本篇文章给大家谈谈js位置代码，以及js写的位置对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、js怎么设置鼠标位置
• 2、js代码定义目标对象位置
• 3、怎么把JS代码定义到指定位置
• 4、JS定义的位置
• 5、手机js页面实现一键定位，并且把获取的地理位置显示到文本框中代码？
• 6、javaScript改变div的位置

js怎么设置鼠标位置

在前段使用JavaScript开发获取鼠标当前位置来计某个功能，如何获取鼠标当前的位置，其实很多人都不知道怎么做，为此我为大家整理推荐了相关的知识，希望大家喜欢。

js设置鼠标位置的方法

新建一个html代码页面，在这个html页面找到body,然后在这个body里创建一个用来显示坐标位置的div,并给这个div添加一个id。如图

创建div的代码：

div id="point-loc"/div

使用pageX、pageY获取鼠标当前位置。在title标签后面新建一个script，创建鼠标移动时获取鼠标当前的位置。如图：

js代码：

script type="text/javascript"

document.onmousemove = function(e){

var loc = "当前位置 x:"+e.pageX+",y:"+e.pageY

document.getElementById("point-loc").innerHTML = loc;

}

/script

保存html后使用浏览器打开即可看到效果。如图：

4页面所有代码：

!DOCTYPE html

html

head

meta charset="UTF-8"

titlejs获取鼠标位置/title

script type="text/javascript"

document.onmousemove = function(e){

var loc = "当前位置 x:"+e.pageX+",y:"+e.pageY

document.getElementById("point-loc").innerHTML = loc;

}

/script

/head

body

div id="point-loc"/div

/body

js代码定义目标对象位置

Javascript 是运行在客户端的，由浏览器 解析，与IIS无关。

style.left和top属性，需要设置style.position为absolute（绝对位置） 或relative （相对位置）才会生效。

怎么把JS代码定义到指定位置

这里不能用 document.write 应该是 .innerHTML()方法 希望能帮到你 谢谢

JS定义的位置

script.../script

这个标签放的位置你首先要了解页面加载顺序.

HTML页面是从上至下顺序加载的.最后全加载完执行onload事件

你现在这种情况放在前面不好使,我估计你是在其中直接执行了调用页面元素的方法.

例子1:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

HTML

HEAD

TITLE New Document /TITLE

META NAME="Generator" CONTENT="EditPlus"

META NAME="Author" CONTENT=""

META NAME="Keywords" CONTENT=""

META NAME="Description" CONTENT=""

SCRIPT LANGUAGE="JavaScript"

!--

alert(document.all("a").value);

//--

/SCRIPT

/HEAD

BODY

INPUT TYPE="text" NAME="a" value="xxxx"

/BODY

/HTML

例子2:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

HTML

HEAD

TITLE New Document /TITLE

META NAME="Generator" CONTENT="EditPlus"

META NAME="Author" CONTENT=""

META NAME="Keywords" CONTENT=""

META NAME="Description" CONTENT=""

/HEAD

BODY

INPUT TYPE="text" NAME="a" value="xxxx"

/BODY

/HTML

SCRIPT LANGUAGE="JavaScript"

!--

alert(document.all("a").value);

//--

/SCRIPT

例子3:

HTML

HEAD

TITLE New Document /TITLE

META NAME="Generator" CONTENT="EditPlus"

META NAME="Author" CONTENT=""

META NAME="Keywords" CONTENT=""

META NAME="Description" CONTENT=""

SCRIPT LANGUAGE="JavaScript"

!--

function aa(){

alert(document.all("a").value);

}

//--

/SCRIPT

/HEAD

BODY onload="aa()"

INPUT TYPE="text" NAME="a" value="xxxx"

/BODY

/HTML

你运行下这3个例子分别是3类情况

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

javaScript改变div的位置

参考如下：

input type="text"

div id="divShow" style="display:none;position:absolute;"显示的内容；/div

display:none，表示此层隐藏；

position:absolute，表示此层的为绝对位置，方便后期进行绝对定位

添加事件，完成效果；

script type="text/javascript"

function showDiv(obj) {

// 保存元素；

var el = obj;

// 获得元素的左偏移量；

var left = obj.offsetLeft;

// 获得元素的顶端偏移量；

var top = obj.offsetTop;

// 循环获得元素的父级控件，累加左和顶端偏移量；

while (obj = obj.offsetParent) {

left += obj.offsetLeft;

top += obj.offsetTop;

}

// 设置层的坐标并显示；

document.all.divShow.style.pixelLeft = left;

// 层的顶端距离为元素的顶端距离加上元素的高；

document.all.divShow.style.pixelTop = top + el.offsetHeight; 

document.all.divShow.style.display = "block";

}

/script

style

#divShow 

{

width:150px;

height:180px;

border-width:thin;

background:yellow;

}

/style

input type="text" onfocus="showDiv(this);"

div id="divShow" style="display:none;position:absolute;"显示的内容；/div

注意：

offsetLeft和OffsetTop不是获得元素和页面的距离，只是获得元素和父元素的的距离，所以要进行while循环一层层累加距离，最后得到元素和页面之间的距离

层次关系：本元素-父元素-……body-null，当为null时，退出while循环。

最终效果如下：

关于js位置代码和js写的位置的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。