Question

我是javascript和html的新手，我的hello world脚本无效。我想要一个按钮来触发警报。这是代码：

<!DOCTYPE html>
<html>
<head>
    <title>hello world</title>
</head>
<body>
    <button type="button" onclick="click()">
        click me
    </button>   
    <script>
        function click(){
            alert("hello world");
        }
    </script>
</body>
</html>

Answer 1

这个工作，像“点击”这个名字可能不应该被用作在html中调用的函数名称

<!DOCTYPE html>
<html>
<head>
    <title>hello world</title>
</head>
<body>
    <button type="button" onclick="someClick()">
        click me
    </button>   
    <script>
        function someClick(){
            alert("hello world");
        }
    </script>
</body>
</html>

Answer 2

使用内联事件处理程序是一种不好的做法，导致代码性能差，难以管理的代码。请认真考虑使用JavaScript附加您的活动，例如：https://developer.mozilla.org/en/DOM/element.addEventListener

尝试附加一个事件监听器，如下所示：

＆＃13;

document.querySelector('button').addEventListener('click', function() {
  alert("hello world");
});

＆＃13;

<button type="button">
    click me
</button>

＆＃13;

Answer 3

它不起作用，因为点击词是javascript的保留字这个

<!DOCTYPE html>
<html>
<head>
<title>hello world</title>
</head>
<body>
<button type="button" onclick="oneclick()">
    click me
</button>   
<script>
    function oneclick(){
        alert("hello world");
    }
</script>

HTML按钮不会运行功能

3 个答案: