Question

该按钮可见，但不会创建警报。我已经尝试将JS链接到外部文件，但这也不起作用。我在Chrome，Safari和Firefox上尝试了这些代码。

以下是完整的代码：

<head>
    <link rel="stylesheet" href="css/style.css" />
    <title> My First Webpage </title>
    <script type="text/javascript">

     <!--       
            function sayHello{
                alert("Hello World");
            }
    //-->

     </script> 

</head>

<body>

    <div id="main_pic">
        <h1>Hello!</h1>
        <a href="about/second.html">Go to second page </a>
        <br><br><br>
        <img src="img/IMG_9115.JPG" alt="Me and my friend" height="300" width="400" />
    </div>
    <div id="list1">
        <h3>Unordered List</h3>
        <ul>
            <li class="color_to_blue">One</li>
            <li class="color_to_blue">Two</li>
            <li id="no_3_red">Three</li>
            <li>Four</li>
        </ul>
    </div>
    <input type="button" onclick="sayHello()" value="Say Hello World" />

</body>

Answer 1

您的浏览器在开发人员工具中有一个控制台。使用它！

未捕获的SyntaxError：意外的令牌{

函数声明的语法是：

function - 关键字
identifier - 函数名称
(
参数列表
)
{
功能正文
}

你错过了(argument list)。

Answer 2

如果您打开浏览器的Web控制台，它会告诉您原因。

具体来说，它会告诉您语法错误：

function sayHello{
// Here ---------^
    alert("Hello World");
}

您需要()。

Answer 3

你需要（）

您的功能令牌包括括号。

你怎么能错过这个。

在发布问题之前，请务必先检查浏览器控制台。你可以很容易地发现一些错误

为什么以下按钮/ javascript代码不起作用？

3 个答案: