我想问一下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' \')"
答案 0 :(得分:2)
您只需要将x,y,z作为参数发送,并且这些参数应该用引号括起来,否则您会得到变量的未定义错误。
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;
答案 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参数...
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;