按钮加载调用函数

Question

我有以下按钮

<button type="button"
  title="Previous value:"
  ***onload="test()"***
  class="btn btn-warning mb-2" style="padding: 4px 8px 4px 8px; border-radius: 1rem;">
 <i class="fas fa-exclamation-triangle text-white"></i>
</button>

加载时我想要它来调用 test() 函数

function test() {
    console.log("I am in");
}

实际上这个函数将创建一个弹出窗口。但它似乎并没有调用该函数。（不，点击或悬停对我没有帮助。）

任何建议，如何实现的想法？

非常感谢。

Answer 1

    <button type="button" title="Previous value:" onclick="test()" class="btn btn-warning mb-2" style="padding: 4px 8px 4px 8px; border-radius: 1rem;">
 <i class="fas fa-exclamation-triangle text-white"></i>
</button>

<script>

function test(){
    //alert("test");
    console.log("I am in");
}
</script>`enter code here`

Answer 2

onload 事件仅在这些 HTML 标签上受支持：

<body> <iframe> <img> <input type="image"> <link> <script> <style>

看看：HTML onload attribute

Answer 3

尝试使用 Ajax 并通过 id 调用函数或通过单击按钮 class 调用函数。

按钮加载调用函数

Button onload calls function

html

javascript

function

button

onload