学习笔记

最新推荐文章于 2024-08-13 10:10:57 发布

最新推荐文章于 2024-08-13 10:10:57 发布 · 106 阅读

文章标签：

#IE #浏览器 #Firefox #JavaScript #ViewUI

本文介绍了JavaScript中的几个实用技巧，包括如何使用Element.appendChild方法实现元素的重新排序，如何跨浏览器一致地获取event对象及其事件源，以及如何利用caller属性追溯函数调用来源。

最近遇到一些 JavaScript 的问题，在学习过程中发现了一些技巧，记录一下

1、Element.appendChild 方法
DOM对象的 appendChild 方法一般用于向一个容器添加一个对象作为他的 child。通常情况是如此，但是如果这个对象原来就是这个容器的子节点，结果会怎么样？该对象从原位置 remove，移动到容器最后一个子节点之后。
应用：滚动新闻，原本烦琐的滚动判断现在只要一行代码……

2、event 时间对象
对于 IE 浏览器，所有事件的触发都会更新 window.event 对象，但是对于其他浏览器则不是，那么如何在方法里取得 event 对象？
绑定一个方法到一个事件以后，传递的参数除了签名中参数列表那些之外，第一个隐含参数就是 event，可以通过 arguments[0] 来得到。不过只适用与在运行期绑定的事件（ document.body.onload = functionName();）。
应用：取得 event 对象

3、event 事件源
对于 IE 浏览器，可以使用 event.srcElement ；对于 Firefox 则是 event.target。其他浏览器未测试

4、caller
得到当前函数的调用者的引用