解决多人开发时使用window.onload的覆盖问题

通用型小函数:解决多人开发时,同时使用window.onload事件所出现的后面的window.onload函数覆盖前面一个window.onload函数的问题。

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

    渐进增强原则基于这样一种思想:你应该总是从最核心的部分,也就是从内容开始。应该根据内容使用标记实现良好的结构;然后逐步加强这些内容。这些增强工作既可以是通过CSS样式改进呈现效果,也可以是通过Javascript来添加各种行为,是网页动起来,达到很好的交互效果。如果你正在使用DOM来添加核心内容,那么你添加的时机未免太迟了,网页内容的核心部分应该在开始编写文档时就成为文档的重要组成部分。

    平稳退化这一原则是基于渐进增强的基础上的,即渐进增强的实现必然支持平稳退化。如果你按照渐进增强的原则去充实网页内容,你为网页内容添加的样式和行为就自然支持平稳退化,那些缺乏必要的CSS和DOM支持的访问者仍可以访问到你的核心内容。如果你用Javascript去添加这些重要的内容,他就无法支持平稳退化了。

    最重要的一点就是:javascript脚本只应该用来充实文档的内容,要避免使用DOM 技术来构建网页的核心内容。

原文地址:https://www.cnblogs.com/jackson-yqj/p/5949060.html