向Javascript传递参数

Passing Parameters to Javascript

本文关键字:参数 Javascript      更新时间:2023-09-26

对于我目前的任务,我应该建立一个网站,人们可以登录,并发表评论。我从来没有做过web编程,所以我一直在努力通过它。现在我很困惑,我如何能使用从文本字段的值在html网页上的java脚本,我正在使用的页面。

这是我的Javascript代码,(它真的没有做太多的事情,我只是想找出我做错了什么)

   <script type = "text/javascript">
   function inform(name)
   {
  alert(name);
   }
   </script>

这就是html的样子我调用函数

<P ALIGN="right">  
        Email: <br><input type="text" name="fname"><br>
        Pass Word: <br><input type="password" name="pass"><br>
        <input type="button" value="Log In" onclick ="inform(document.getElementById('fname').value)"/>
    </P>

当我运行这个并点击按钮时,它说inform函数中的name的值总是Null,无论我在name文本字段中放入什么。我做错了什么?

您已经分配了name而不是id

<!-----------------------------v------------v--->
Email: <br><input type="text" name="fname" id="fname"><br>

作为另一种选择,您可以这样做:

<input type="button" value="Log In" onclick ="inform(this.form.fname.value)"/>

事实上,this甚至是可选的:

<input type="button" value="Log In" onclick ="inform(form.fname.value)"/>

演示: http://jsfiddle.net/kPcmq/

你必须改变这个

Email: <br><input type="text" name="fname"><br>

Email: <br><input type="text" name="fname" id ="fname" ><br>