這個老問題了，也是JavaScript中很多時候都要用到的。現在就把解決方案給總結一下。
1.最簡單的調用方式
直接寫到html的body標簽里面，如下示例：
程序代碼<html>
<body onload="function()">
</body>
</html>
2.在JavaScript語句里調用
程序代碼<script>
function f1(){...}
window.onload=f1;
</script>
3.同時調用多個函數(body方式)
程序代碼<html>
<body onload="function1();function2();function3();">
</body>
</html>
4.在JavaScript語句中同時調用多個函數
程序代碼<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
window.onload=function(){
f1();
f2();
f3();
f4();
}
</script>
這種調用方式可以用於不太復雜的JavaScript程序中，如果程序函數很多，邏輯比較復雜，可以考慮用另外一種方式。
5.自定義函數式多次調用
程序代碼<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
//onload事件偵聽函數
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function"){window.onload=func;}else{window.onload=function(){oldonload();func();}};
}
//調用方式
addLoadEvent(f1);
addLoadEvent(f2);
addLoadEvent(f3);
addLoadEvent(f4);
</script>
這種方式調用比較方便，邏輯清晰。
但要注意的問題是，不可以同時混合運用兩種調用方式，因為onload事件只有一次。
1.最簡單的調用方式
直接寫到html的body標簽里面，如下示例：
程序代碼<html>
<body onload="function()">
</body>
</html>
2.在JavaScript語句里調用
程序代碼<script>
function f1(){...}
window.onload=f1;
</script>
3.同時調用多個函數(body方式)
程序代碼<html>
<body onload="function1();function2();function3();">
</body>
</html>
4.在JavaScript語句中同時調用多個函數
程序代碼<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
window.onload=function(){
f1();
f2();
f3();
f4();
}
</script>
這種調用方式可以用於不太復雜的JavaScript程序中，如果程序函數很多，邏輯比較復雜，可以考慮用另外一種方式。
5.自定義函數式多次調用
程序代碼<script>
function f1(){...}
function f2(){...}
function f3(){...}
function f4(){...}
//onload事件偵聽函數
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function"){window.onload=func;}else{window.onload=function(){oldonload();func();}};
}
//調用方式
addLoadEvent(f1);
addLoadEvent(f2);
addLoadEvent(f3);
addLoadEvent(f4);
</script>
這種方式調用比較方便，邏輯清晰。
但要注意的問題是，不可以同時混合運用兩種調用方式，因為onload事件只有一次。