onload 基本語法
onload = " 要觸發的 javascript function"
引號內的觸發 function 是必須的，畢竟 onload 是個 event，其最大功用還是要告訴特定的 function 開始工作，以下分為兩種常見的寫法範例，由於 onload 會在網頁載入完成後立即執行，所以本頁的範例輸出都已經是執行完的結果。
範例一、直接將 onload 寫在 <body> 標籤裡
<script language="javascript">
function ShowHello(){
document.getElementById('ShowBox').innerHTML='哈囉';
}
</script>
<body onload="ShowHello()">
<span id="ShowBox"></span>
</body>
範例輸出結果function ShowHello(){
document.getElementById('ShowBox').innerHTML='哈囉';
}
</script>
<body onload="ShowHello()">
<span id="ShowBox"></span>
</body>
哈囉
範例直接把 onload 事件寫在 <body> 標籤內，當網頁載入到 <body> 標籤時，瀏覽器就會知道待會兒載入完成要觸發 ShowHello 函式，到此時 onload 的工作其實就算完成，顯示＂哈囉＂的工作是 ShowHello 函式會去完成。這裡稍微說明一下 ShowHello 函式內的運作，首先透過 DOM 的 document.getElementById 取得要顯示文字的 span 區域，然後透過 innerHTML 將字串＂哈囉＂寫入，即大功告成。範例二、將 onload 寫在 JavaScript 裡
<script language="javascript">
window.onload=ShowHello;
function ShowHello(){
document.getElementById('ShowBox').innerHTML='哈囉';
}
</script>
<body>
<span id="ShowBox"></span>
</body>
範例輸出結果window.onload=ShowHello;
function ShowHello(){
document.getElementById('ShowBox').innerHTML='哈囉';
}
</script>
<body>
<span id="ShowBox"></span>
</body>
哈囉
範例二不將 onload 寫在 <body> 標籤內，而是在一開始的 JavaScript 程式碼區就先寫好，這樣的優點是 <body> 標籤比較乾淨，如果設計師將整個 JavaScript 寫成外掛模組的方式，那整個網頁的程式碼就會更乾淨，也是一種相當不錯的設計習慣。延伸閱讀