Question

我试图直接在我的按钮的属性onclick中使用一个函数，但我总是出错。例如：

<button onclick="function() { alert('hello'); }">Click me</button>

结果是：

Uncaught SyntaxError：意外的令牌（

Answer 1

无需使其成为函数，只需列出语句：

<button onclick="alert('hello');alert('hello 2');alert('hello 3');">Click me</button>

Answer 2

下面的代码将允许您在onclick属性中添加功能。

点击我

＆＃13;

<button onclick="javascript:(function() { alert('hello'); })()">Click me</button>

＆＃13;

Answer 3

您应该像这样编写代码。

<button onClick="alert('hello');">Click me</button>

Answer 4

如果您想在html文件中使用所有这些内容，可以执行此类操作

＆＃13;

    <script>
        function hello(){
    	  alert('hello')
        }
    </script>

    <button id="bait" onClick="hello()">
      Click me
    </button>
    <!-- OR -->
    <!-- <button onclick="javascript:(() => {alert('hello')})()"> -->
    <!-- But it's good for short function only -->

＆＃13;

但我认为你应该使用jQuery（如果可以的话）

如果您想这样做，只需添加clickHandler函数：

＆＃13;

    $("#bait").on("click", () => {
      alert('hello')
    })

＆＃13;

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

<button id="bait">Click me </button>

＆＃13;

对于提示有点矫枉过正，但我想你要求这个功能比较棘手，所以它会更容易整体imo

如何在onclick按钮中写入函数attribut

4 个答案: