按钮onclick ="功能(x,y,z)"

时间:2018-02-14 12:52:17

标签: javascript html css

我想问一下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' \')" 

4 个答案:

答案 0 :(得分:2)

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

&#13;
&#13;
function start(x,y,z){
var x = document.getElementById(y);
x.style.display = z;
}
&#13;
#popup_bg {
display:none;
}
&#13;
<div id="popup_bg">
Content comes here
</div>
<button id="button1" title="Press to Start" onclick="start('z','popup_bg','block')">Click</button>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

要实现此功能,我认为您不需要使用三个参数来测试以下代码。

HTML:

<div id="showMe" style="display:none">Hi! It's working fine</div>

<button onClick="start('showMe', 'block')">Show</button>
<button onClick="start('showMe', 'none')">Hide</button>

使用Javascript:

function start(p2, p3)
{
    document.getElementById(p2).style.display = p3;
}

工作正常。

答案 2 :(得分:0)

如果你摆脱x变量你的代码应该可以试试这个:

function start ( y, z ){

 var x = document.getElementById(y);

 x.style.display = z;

}

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

答案 3 :(得分:0)

当您设置点击功能时,您还没有定义z参数,解决它只是删除不需要的z参数...

&#13;
&#13;
var popupDiv1 = document.getElementById("popup_bg");



function start (y, z ){

 var x = document.getElementById(y);

 x.style.display = z;

}
&#13;
<div id="popup_bg" style="display:none;">this id the div</div>

<button id="button1" 
  title="Press to Start" 
  onclick="start ('popup_bg', 'block');">
hide
</button>
&#13;
&#13;
&#13;