0%

《JavaScript DOM编程艺术》第六章读书笔记

分离JS和HTML

作为一条原则,如果想用JavaScript给某哥网页添加一些行为,就不应该让JavaScript代码对这个网页的结构有任何依赖。

比如加上如下的检测,来探测浏览器是否支持这些DOM。

1
2
3
if (!document.getElementsByTagName) return false;
if (!document.getElementById) return false;
if (!document.getElementById("imagegallery")) return false;

共享onload事件

1
2
3
4
5
6
7
8
9
10
11
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}

1
2
addLoadEvent(firstFunction);
addLoadEvent(secondFunction);

取代

1
2
window.onload = firstFunction;
window.onload = secondFunction;