Javascript 如果再次单击同一按钮或单击其他按钮，如何隐藏Iframe？_Javascript_Html_Css

Javascript 如果再次单击同一按钮或单击其他按钮，如何隐藏Iframe？

javascript html css

Javascript 如果再次单击同一按钮或单击其他按钮，如何隐藏Iframe？,javascript,html,css,Javascript,Html,Css,我可以通过iframe显示我的其他网页，但是当再次单击同一按钮时，如何使其不可见或终止网页 <html> <script type="text/javascript"> function showIFrame() { var iframe = document.getElementById("myiframe"); iframe.style.display="block"; } </script> <style> #myi

我可以通过iframe显示我的其他网页，但是当再次单击同一按钮时，如何使其不可见或终止网页

<html>
<script type="text/javascript">  
function showIFrame() {  
  var iframe = document.getElementById("myiframe");  
 iframe.style.display="block";  
}  
</script>
<style>
#myiframe {
display:none; }
</style>
<body>
<iframe id="myframe" name="carsearch" width="535" height="625" scrolling="no"   frameborder="0"></iframe>
<form name="search" id="search" method="get" action="../crime_map/map_crime_pending.php" target="carsearch">

<button type="submit" id="SearchCarButton" class="submitBtn" onclick="showIFrame()"/>  <span>Search</span></button></form>
<button>Catcher</button>
</body>
</html>


函数showIFrame（）{
var iframe=document.getElementById（“myiframe”）；
iframe.style.display=“block”；
}  
#myiframe{
显示：无；}
搜索
捕手

尝试此代码检查显示，并根据当前状态更改显示

   function showIFrame() {  
      var iframe = document.getElementById("myiframe");  
      var d = iframe.style.display;
      if(d=="block"){
         iframe.style.display = "none"  
      }else{
        iframe.style.display = "block";
      }
}

这不管用？