使用警报显示我的名字

时间:2014-12-02 19:04:01

标签: javascript html alert

我知道这将是一个愚蠢的错误,但我无法弄明白。提前谢谢。

HTML:

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

JS:

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

3 个答案:

答案 0 :(得分: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");
}

答案 1 :(得分:0)

您未将该值发送至show_alert()功能。

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

答案 2 :(得分: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,请注意我将它放在最终正文标记的上方,这样可以在执行任何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浏览器控制台也将成为您最好的朋友。