2014-12-02 62 views
-2

我知道这将是一个愚蠢的错误,但我无法弄清楚。提前致谢。使用提醒显示我的名字

HTML:

<input type="button" onclick="show_alert()" value="Name" /> 

JS:

function show_alert(Name) 
{ 
    var Name= "Brody"; 
    alert("Hello from" + Name); 
} 
+0

告诉我们是哪个问题。对于初学者来说,在JS代码中,您使用'Name'作为参数,但在下一行中将其重新定义为局部变量。 – Desaroll 2014-12-02 19:05:39

+0

如果你的代码不做任何事情,那么需要评估的第一件事是:你的JavaScript代码与HTML按钮相关的地方在哪里。你有没有把它包括在内? – jnthnjns 2014-12-02 19:14:55

+0

@Asok我不认为它包含在内。我是初学者。我不知道如何包括它。因为我点击它并没有显示任何东西。 – 2014-12-02 19:17:21

回答

0

这里是包括JavaScript到HTML的一个简约的例子。

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
    <input type="button" onclick="show_alert()" value="Name" /> 

    <script> 
     function show_alert(Name) 
     { 
      var Name= "Brody"; 
      alert("Hello from" + Name); 
     } 
    </script> 
</body> 
</html> 

我在上文中使用<script>标签包含在我的HTML文件中的JavaScript,请注意,我把它放在刚刚结束body标签上面,这使得执行任何JavaScript之前的页面来呈现。


您还可以包括一个单独的JavaScript文件(我的偏好),像这样:

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
    <input type="button" onclick="show_alert()" value="Name" /> 

    <script src="js/file_name.js"></script> 
</body> 
</html> 

我会强烈建议仰视的Javascript初学者教程,有很多伟大的博客或者甚至YouTube视频。

当您熟悉Javascript时,Web浏览器控制台将成为您最好的朋友。

+0

非常感谢。 – 2014-12-02 19:27:02

+0

不是问题,我们都在那里。祝你好运。 – jnthnjns 2014-12-02 20:45:37

0

你不是值发送到show_alert()功能。

<input type="button" onclick="show_alert(\"Brody\")" value="Name" />

2

我会假设你真的想有人来输入他们的名字,以及:

<input type="text" id="name" /> 
<input type="button" onclick="show_alert()" value="Show Name" /> 

function show_alert(){ 
    var name = document.getElementById('name').value; 
    alert("Hello from " + name"); 
}