JavaScript共用的一些函数

时间:2023-02-13 08:22:45

insertBefore()函数用法:

新元素:你想插入的元素(newElement)
目标元素:你想把这个元素插入到哪个元素(targetElement)
父元素:目标元素的父元素(parentELement)

parentELement.insertBefore(newElement, targetElement)

编写insertAfter函数

function insertAfter(newElement, targetElement) {
    var parent = targetElement.parentNode;
    //如果要插入的目标元素是其父元素的最后一个元素节点,直接插入该元素
    //否则,在目标元素的下一个兄弟元素之前插入
    if (parent.lastChild == targetElement) {
        parent.appendChild(targetElement);
    } else {
        parent.insertBefore(newElement, targetElement.nextSibling);
    }
}

共享onload事件

/*一个函数一个函数加载*/
  window.onload = firstFunction;
  window.onload = secondFunction;


  /*创建匿名函数 加载 同时少量函数加载 最优方案*/
  window.onload = function{
     firstFunction( );
     secondFunction( );
  }

  /* 同时加载多个函数*/
  function addLoadEvent( func ){
    var oldload = window.onload;
    if( typeof window.onload != 'function' ){
      window.onload = func;
    }else{
      window.onload = function( ){
        oldload( );
        func( );
        }
      }
  }
>>>使用的时候可以这样 addLoadEvent( firstFunction );
        addLoadEvent( secondFunction );