在按钮事件上加载javascript函数

一旦按钮显示在屏幕上，我想调用Javascript函数。我所寻找的与“onclick”属性类似：

<input type="button" class="button-class" onclick="function(this)">

但是，我希望在屏幕上显示按钮时立即调用该函数，即它应该是即时的（按钮创建=函数调用）。我已经尝试过“onload”，但这似乎不起作用。请问有没有办法做到这一点

---

谢谢

只需在onclick属性中写入函数名，而不是像下面那样写入

函数（this）

<script>
    function myFunc(e){
        //do something
    }
</script>
<input type="button" class="button-class" onclick="myFunc(this)">

函数myFunc（e）{
//做点什么
}

将调用函数的脚本元素放在按钮元素之后

功能fn（obj）{
控制台日志（obj）
}
fn（document.getElementById（“btn”）；
@Bartman指出了
.ready（）
函数如何将其作为document.ready处理

因此，我想出了一个小解决方案，在创建输入按钮后运行waanted函数。修补程序，但无法想象其他解决方案

我希望这有帮助。如果没有，请添加评论，以便我可以编辑答案


函数clickFunc（e）{
警报（“点击事件”）；
}
函数loadFunc（）{
警报（“加载事件”）；
}
$（“#按钮”）。单击（函数（）{
$（“div”）。追加（“”）；
$（“body”）.append（“loadFunc（）；”）；
});
@调查问卷，您不能做您想做的事情，因为按钮（单击事件）应该执行一个操作来执行代码

作为一个好的实践，在页面加载完成后加载Javascript代码。这是为了避免阻止HTML代码的呈现，因为
Javascript是同步的

    ...
    <script type="text/javascript">
        function init() {
            // Code for your button function here
        }
        window.onload = init();
    </script>
 </html>

。。。
函数init（）{
//这里是按钮功能的代码
}
window.onload=init（）；

上面的代码差不多就是它。
如果您使用Javascript创建按钮，只需在该代码之后调用函数即可。@Barmar按钮是使用HTML创建的，如上面的代码片段所示。@QueryNo i dont@Gerardoblanco我不希望在单击按钮时执行操作。我希望按钮创建后立即执行操作。按钮没有
ready
事件，这与
$（document）.ready
@Barmar mmmmm处理相同。我不知道它在您链接到的文档中：这是因为选择对.ready（）方法的行为没有影响，该方法效率低下，可能导致对该方法行为的错误假设。@Barmar您是100%正确的。我在另一家公司工作solution@Barmar我能找到的最好的解决方案是在附录后添加代码。这是一个糟糕的解决方案，在加载文档时运行函数，而不是
input
标记。如果通过js附加按钮会怎么样。这不会work@GerardoBLANCO在一篇评论中，发问者澄清了它是使用HTML而不是JS创建的。