发布于 2016-09-13 05:56:37 | 157 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程，程序狗速度看过来！

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

---

由于Firefox和IE等浏览器之间对JS解释的方式不一样，Firefox下面获取鼠标位置不能够直接使用clientX来获取。网上说的一般都是触发mousemove事件才行。我这里有两段代码，思路都一样，就是风格不同。
第一段代码是利用全局变量来获取实时鼠标的位置。

 
var xPos; 
var yPos; 
window.document.onmousemove(function(evt){ 
evt=evt || window.event; 
if(evt.pageX){ 
xPos=evt.pageX; 
yPos=evt.pageY; 
} else { 
xPos=evt.clientX+document.body.scrollLeft-document.body.clientLeft; 
yPos=evt.clientY+document.body.scrollTop-document.body.clientTop; 
} 
}); 

因为IE和Firefox对clientX的解析不一样，IE认为clientX是鼠标相对整个页面左上角的位置，而Firefox认为是相对当前所见页面左上角的位置。而这段代码最终返回的结果是整个页面左上角的位置。这段代码的缺陷是，xPos和yPos是实时变动的。

第二段代码是通过函数获取当前时刻的鼠标坐标值

 
document.onmousemove = mouseMove; 
function mouseMove(ev){ 
ev = ev || window.event; 
var mousePos = mouseCoords(ev); 
} 
function mouseCoords(ev){ 
if(ev.pageX || ev.pageY){ 
return {x:ev.pageX, y:ev.pageY}; 
} 
return { 
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, 
y:ev.clientY + document.body.scrollTop - document.body.clientTop 
}; 
} 

这段代码的来源是这里，这个网站还提供了一些简单的样例给我们玩耍。这个函数和刚才的函数理论是一致的，先触发mousemove事件，然后获取了事件之后，分别判断浏览器类型。这段代码的优点是，不适用全局变量，并且可以随用随拿，只要调用这个函数，就能够获取鼠标坐标。

这两段代码，个人偏好于后者，现在先把这段代码记下来，这段代码应该是会经常被使用到的。