为什么页面无法弹出窗口

<script type="text/javascript">
function showDialog(){
var iWidth=300; //窗口宽度
var iHeight=200;//窗口高度
var iw = document.body.clientWidth;
var ih = document.body.clientHeight;
var it=(ih-iHeight)/2-iHeight;
var il=(iw-iWidth)/2;
var div = document.createElement("div");
div.style.width = iWidth+"px";
div.style.height = iHeight+"px";
div.style.position="absolute";
div.style.top= it+"px";
div.style.left= il+"px";
div.style.background = "pink";
document.body.appendChild(div);
}  
</script>
</head><body>
<button onclick="showDialog()">click</button>
</body>