javascript的一些有用函数记录，不断更新。。。

addloadevent函数：

众所周知，html文档加载完后会立即执行一个onload函数。但是onload函数只能包含一个被执行的函数，也就是你需要在加载完文档后执行的一个自己的函数。在实际中html加载完成后需要执行很多预先执行的函数，那么怎样才能让html文档加载完后执行很多自己的函数呢？

1. 最简单的方法：回调

window.onload = function(){

　　function1();

　　function2();

}

2.另一种解决办法：

function addloadevent(func){

　　var oldonload = window.onload;

　　if(typeof oldonload != 'function'){

　　　　window.onload = func();

　　}else{

　　　　window.onload = function(){

　　　　　　oldonload();

　　　　　　func();

　　　　}

 

　　}

}

然后再js脚本里执行：

addloadevent(function1);

addloadevent(function2);

......

它就会在html加载完成后自动的执行window.onload。 其实这个函数和上一个简化版本的功能是一样的。 只不过简化版本需要修改函数内部数据，在需要预加载函数过多的情况下容易写错函数名，造成加载错误。而第二个函数只需要调用函数并传参就可以了。不必动用函数内部造成不必要的错误。

 

------------------------------------------------------------------------------------------分割线---------------------------------------------------------------------------------------

 

insertafter函数：

dom虽然提供了insertbefore函数，用于在已有元素前插入一个新元素，但是dom没有提供相应的方法在已有元素后插入一个新元素的方法。 所以需要自己编写一个函数，来处理这项工作：

函数如下：

function insertafter(newelement,targetelement){

　　var parent = targetelement.parentnode;

　　if(parent.lastchild == targetelement){

　　　　parent.appentchild(newelement);

　　}else{

　　　　parent.insertbefore(newelement,targetelement.nextsibling);

　　}

}

这个函数不用过多解释了，一目了然！