Question

我使用javascript创建html页面，但无法在按钮点击时调用某些功能。

var alernative = "plot1";
var buttonvalue= "mybutton";
 function callme()
 {alert("hello");}   

 $('#' + alernative).html('<div><input style="float:right;" type="button" value="' + buttonvalue+ '" onclick="' +   callme() + '";></div>');

在上面的代码中，创建一个按钮并给出其值和调用函数onclick of button，但是当页面加载时它显示警告（不应该发生）并且它不会在按钮点击时发出警告。

希望提出建议或帮助。

Answer 1

您需要将函数名称作为字符串的一部分传递：

$('#' + alernative).html('<div><input style="float:right;" type="button" value="' + buttonvalue+ '" onclick="callme();"></div>');

Answer 2

使用字符串编写HTML是一种不好的做法，DOM存在是出于某种原因！

var input = $('<input/>', {
    type: "button",
    style: "float: right",
    value: buttonValue
}),
    element = $('<div/>').append(input);
input.click(function () {
    callme();
});
$('#test').html(element);

从按钮调用函数不适用于使用javascript创建的html

2 个答案: