javascript - 按钮点击 ="function(x,y,z)"

Question

想问一下三参数onclick函数的用法，但是实现成onclick有点麻烦，

var popupDiv1 = document.getElementById("popup_bg");

function openPopupMenu ()
{
   popupDiv1.style.display = "block";
}

函数和变量上方是我的主要函数并且运行良好。该函数阻止了停留在#popup_bg 和

处的显示部分

<button id="button1" title="Press to Start" onclick="openPopupMenu ()">

当点击这个按钮弹出窗口变得可见

但我想将该功能更改为；

function start (x, y, z ){

 var x = document.getElementById(y);

 x.style.display = z;

}

但是我在实现 Onclick 时遇到了这个问题 这些是我尝试实现的方法；

onclick="start (z, 'popup_bg', 'block');"

onclick="start (z, 'popup_bg', 'block')"

onclick="start\'(z, 'popup_bg', 'block')\'"

onclick="start\'(z, "popup_bg", "block")\'"

onclick="start(z,'\'"popup_bg","block"\')"

onclick="start(\'z,'popup_bg','block'\')"

onclick="start(\' 'z, 'popup_bg', 'block' \')" 

Answer 1

您只需要将 x,y,z 作为参数 发送，并且这些参数应该用引号 括起来，否则您会得到变量的未定义错误。

function start(x,y,z){
var x = document.getElementById(y);
x.style.display = z;
}

#popup_bg {
display:none;
}

<div id="popup_bg">
Content comes here
</div>
<button id="button1" title="Press to Start" onclick="start('z','popup_bg','block')">Click</button>