使用javascript动态定义函数调用以锚定标记

Question

我有id=1的锚标记，我正在尝试使用下面的逻辑来定义onClick="menu_function(shopname)"，但它不像a.href那样工作：

function display_details(shopname,img)
{
    var a = document.getElementById("1");
    a.href = "./menu.php";
    a.onClick ="menu_function(shopname)";
}

你能告诉我为什么它不起作用并引导我走向正确的方向吗？

Answer 1

使用函数表达式作为onclick的值，而不是字符串：

 function display_details(shopname,img)
 {
     var a = document.getElementById("1");
     a.href = "./menu.php";
     a.onclick = function(){
        menu_function(shopname);
     };
 }

另请注意：JavaScript区分大小写，事件名为onclick（小写）而不是onClick。