1、最简单的调用方式
直接写到html的body标签里面,如:
<html>
<body οnlοad="func()">
</body>
</html>
2、在JS语句调用
<script type="text/javascript">
function func(){……}
window.οnlοad=func;
</script>
3、同时 调用多个函数
直接写到html的body标签里面,如:
<html>
<body οnlοad="func1();func2();func3();">
</body>
</html>
4、js调用多个函数,以下这种调用方式可以用于不太复杂的JS程序中,如果程序函数很多,逻辑比较复杂,可以考虑用第五种方式。
<script type="text/javascript">
function func1(){……}
function func2(){……}
function func3(){……}
window.οnlοad=function(){
func1();
func2();
func3();
}
</script>
5、JS自定义函数式多次调用
<script type="text/javascript">
function func1(){……}
function func2(){……}
function func3(){……}
function addLoadEvent(func){
var oldοnlοad=window.onload;
if(typeof window.onload!="function"){
window.οnlοad=func;
}
else{
window.οnlοad=function(){
oldonload();
func();
}
}
}
addLoadEvent(func1);
addLoadEvent(func2);
addLoadEvent(func3);
</script>
等待html文档加载完毕后就执行..
例如我们要初始化一些东西..比如说我们要把文档中的div的颜色都改变了
那么在文档加载完毕后 在这个onload调用的函数里面我们就可以操作文档结构了..
如果不是在onload 里面调用的话。那么在文档还没有加载完毕 我们就调用文档元素师不可以的...
换句话说 东西要先存在 我才拿来用.
onload就是在文档存在之后所有干的事..