1、最简单的调用方式
直接写到html的body标签里面，如：
|
1
2
3
4
|
<html>
<body onload="func()">
</body>
</html>
|
2. js语句调用
|
1
2
3
4
|
<html>
<body onload="func1();func2();func3();">
</body>
</html>
|
3. 同时调用多个函数直接写在html里
|
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>
|
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>
|