1

我对函数一点也不擅长，并且学习 JavaScript，我需要一些帮助来学习我正在制作的示例之一。我有个问题。如何使下一个按钮仅在单击前一个按钮时才显示？（例如，如果不先点击 Google，就看不到 Yahoo 按钮）代码如下：

<html>
<head>
<script type="text/javascript">
function show_prompt()
{
var name=prompt("Your Name");
if (name!=null && name!="")
  {
  alert("Thanks for clicking! You will now be redirected to Google.com");
  window.open("http://www.google.com/"};
}
</script>
<script type="text/javascript">
function show_alert()
{
alert("Thanks for clicking me! You are now going to Yahoo.com!");
window.open("http://www.yahoo.com");
}
</script>
<script type="text/javascript">
function show_alert1()
{
alert("Thanks for clicking. Have fun on facebook!");
window.open("http://www.facebook.com/");
}
</script>
</head>
<body>
<ul>
<li><input type="button" onclick="show_prompt()" value="Google" />
<li><input type="button" onclick="show_alert()" value="Yahoo" />
<li><input type="button" onclick="show_alert1()" value="Facebook" />
</ul>
</body>
</html>
4

1 回答 1

0

给按钮 id，然后将它们的 css 显示属性设置为 none 以使它们不可见（并且不占用任何空间）。 

<ul> 
  <li><input type="button" onclick="show_prompt();showNext('btnYahoo')" value="Google" /></li> 
  <li><input type="button" id="btnYahoo" onclick="show_alert();showNext('btnFacebook')" value="Yahoo" style="display:none" /></li>
  <li><input type="button" id="btnFacebook" onclick="show_alert1()" value="Facebook" style="display:none" /></li> 
</ul>

函数 showNext 然后显示传递给函数的 ID 的按钮。见上文，当函数被调用时，我会传入“btnYahoo”或“btnFacebook”，这取决于我接下来要显示哪一个。

function showNext(showThis){

  document.getElementById(showThis).style.display = "block";

}

希望有帮助

于 2012-04-12T11:56:44.553 回答