Javascript 从 html 元素调用函数

Javascript call functions from html elements

本文关键字:调用 函数 元素 html Javascript      更新时间:2023-09-26

假设我有一个这样的字符串

var methodString =  "<script>
var a;
var b;
function func1(v1, v2)
{
 ..///DO random stuff
}
</script>";

然后,在页面上的某处单击按钮后,我将此代码附加到正文的末尾

 $(body).append(methodString);

如何调用我刚刚附加的这个新函数

$("button1").click(function() { func1(a,b); }); //This doesn't seem to recognize the new method.

简单的HTML

<button onclick="func1(a,b);">Click me</button>

使用 jQuery

<script type="text/javascript">
    $('#myButton').click(function(){
        func1(a,b);
    });
</script>
<button id="myButton">Click me</button>