新手 JavaScript

<html>
<head>
<title>表单认证检测</title>
<script  type="text/javascript">
var mail=document.xin.you.value; 
                                     alert(mail);
 
</script>
</head>
<body>
<form name="xin" >
<p>
<input name="you" type="text" size=20 >
</p>
<p>
<input name="bi" type="button" value="按一按" style="width:82px;height=23px">
</p>
</form>
</body>
</html>
为何mail获取不到值???

解决方案 »

  1.   

    <script  type="text/javascript"> 
    function AA() {
    var mail=document.xin.you.value; 
    alert(mail); 
    }
    </script> 
    把上面定义为一个函数AA,然后在表单中调用：<input name="bi" type="button" value="按一按" style="width:82px;height=23px" onclick="AA"> 请LZ试一下。
      

  2.   


    正解。按照原来的方法，由于在语句执行时，下面的HTML语句还没有下载下来，所以运行肯定是不正确的。而将检验操作放到函数里，当函数被事件调用时，很明显，此时HTML文档已经完全下载完毕。
      

  3.   

    <html> 
    <head> 
    <title>表单认证检测 </title> 
    <script  type="text/javascript"> 
    window.onload=function(){
       document.xin.bi.onclick=function(){
          var mail=document.xin.you.value; 
          alert(mail); 
       }
    }
    </script> 
    </head> 
    <body> 
    <form name="xin" > 
    <p> 
    <input name="you" type="text" size=20 > 
    </p> 
    <p> 
    <input name="bi" type="button" value="按一按" style="width:82px;height=23px"> 
    </p> 
    </form> 
    </body> 
    </html> 
      

  4.   

    我用的是Editpus编写的，我也试过将其放置在函数中，可Eidtpus总说document.document.xin.you.value获取不到对象或对象为空？这是怎么的？ 
      

  5.   

    wrong:document.document.xin.you.value
    right:document.xin.you.value