JS中window.onload的五种使用方法详解
1、最简单的调用方式
直接写到html的body标签里面，如：
1 2 3 4 | <html> <body onload="func()"> </body> </html> |
2、在JS语句调用
1 2 3 4 | <script type="text/javascript"> function func(){……} window.onload=func; </script> |
3、同时调用多个函数
直接写到html的body标签里面,如：
1 2 3 4 | <html> <body onload="func1();func2();func3();"> </body> </html> |
4、js调用多个函数
以下这种调用方式可以用于不太复杂的JS程序中，如果程序函数很多，逻辑比较复杂，可以考虑用第五种方式。
1 2 3 4 5 6 7 8 9 10 | <script type="text/javascript"> function func1(){……} function func2(){……} function func3(){……} window.onload=function(){ func1(); func2(); func3(); } </script> |
5、JS自定义函数式多次调用
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <script type="text/javascript"> function func1(){……} function func2(){……} function func3(){……} function addLoadEvent(func){ var oldonload=window.onload; if(typeof window.onload!="function"){ window.onload=func; } else{ window.onload=function(){ oldonload(); func(); } } } addLoadEvent(func1); addLoadEvent(func2); addLoadEvent(func3); </script> |
Asp中RegExp对象的方法和属性详解 Asp中的类的使用方法详解
挺好的东西。
现在都不怎么用原生js了。能用jquery就用jquery。除非在改早些年用的js代码了。