“2009年7月 ”存档日志

由于 window.onload 事件需要在页面所有内容（包括图片等）加载完后，才执行，但往往我们更希望在 DOM 一加载完就执行脚本。其实在现在大部分主流浏览器上（Firefox 3+，Opera 9+，Safari 3+，Chrome 2+）都提供了这一事件方法：addDOMLoadEvent。
document.addEventListener(“DOMContentLoaded”, init, false);
那对于 IE 我们如何模拟 addDOMLoadEvent 事件呢？
Matthias Miller 最早提供了如下的解决方案：
// for Internet Explorer (using conditional comments)
/*@cc_on @*/
/*@if (@_win32)
document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
var script = document.getElementById(“__ie_onload”);
script.onreadystatechange = function() {
if (this.readyState == “complete”) {
init(); // call the onload handler
[...]

平时我们获取事件对象一般写法如下：
function getEvent(event) {
return event || window.event // IE:window.event
}
如果没有参数，也可写成（非IE ：事件对象会自动传递给对应的事件处理函数，且为第一个参数）：
function getEvent() {
return arguments[0] || window.event // IE:window.event
}
这样的写法在除 Firefox（测试版本：3.0.12，下同） 外的浏览器上运行都不会有问题，但 Firefox 为什么例外呢？让我们这样一种情形：
<button id=”btn” onclick=”foo()”>按钮</button>

<script>
function foo(){
var e = getEvent();
alert(e);
}
</script>
运行结果在 Firefox 中是 undefined，为什么呢？
在 Firefox 中调用其实是这样的，先调用执行的是：
function onclick(event) {
foo();
}
然后... 18 条评论 »