分离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;
|