为何程序执行不成功？

执行顺序问题，要在div之后执行才行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>  
<script>function test()
{
  var s="haha";
  writeDiv(s,"test");
}  function writeDiv(context,divId)
 {
    var div = document.getElementById(divId);
    div.innerHTML = context; 
 }
</script>
</head>
<body onload="test()">
  <div id="test">
  </div>
</body></html>