JS缺少对象问题

鄙人刚学JS，很多东西都不懂，麻烦大虾看看这个代码那里的问题！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<link type="text/css" href="./css/css2"/>
</head>
<body>
<div id="page_container" >
<script type="text/javascript" >
   var var_scwidth=window.screen.width;
   var var_rate= var_scwidth/1024;
  var var_id= document.getElementById("page_container");
  var var_newwidth=var_id.style.width*var_rate;
  alter(var_newwidth);
</script>
</div>
</body>
</html>说这一行缺少对象，这是什么原因？？？

解决方案 »

  1.   

    <script type="text/javascript" >
    window.onload=function(){
    var var_scwidth=window.screen.width;
    var var_rate= var_scwidth/1024;
    var var_id= document.getElementById("page_container");
    var var_newwidth=var_id.style.width*var_rate;
    alter(var_newwidth);
    }
    </script>
      

  2.   

    script放在div后面，别放在里面
    否则div还没加载，就去getElementById.<div id="page_container" >
    </div>
    <script type="text/javascript" >
    var var_scwidth=window.screen.width;
    var var_rate= var_scwidth/1024;
    var var_id= document.getElementById("page_container");
    var var_newwidth=var_id.style.width*var_rate;
    alter(var_newwidth);
    </script>
    也可放在onload中比较保险。
      

  3.   

    谢谢问题解决了，给上面两位各一半吧。
    另外我敲错了一个单词alter,应该是alert。