javascript - 如何使用javascript隐藏特定网页上的按钮？

Question

我有一个网页，上面有一个链接。当用户单击该链接时，它会弹出一个窗口。窗口弹出功能取决于 url 的名称。

我不想显示某些网页的链接，但无法在页面加载时隐藏该链接。 我使用了这段代码=

 document.getElementById('size').style.visibility='hidden'; 

但此代码的问题是，当用户单击链接时，它会隐藏自身，但如果用户不单击链接，它仍然可见。

弹出窗口的代码是-

<script type="text/javascript">
 //<![CDATA[
function call(id){
 var link = window.location.href ;
  var e = document.getElementById(id);
  var jockey = link.match("jockey");
     var vest = link.match("vest");
      var shorts = link.match("shorts"); 
      if((jockey =="jockey") && (vest =="vest")){          
         document.getElementById('size').style.visibility='hidden';
       } 
          else if((jockey =="jockey") && (shorts =="shorts")){
          littleWindow = window.open("http://niraame.com/media/wysiwyg/jockeyBoxerFP05.jpg", " " ,"location=center,width=520,height=520 ,toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left "); 
        } 
 //]]> 
</script>

显示按钮的代码-

<div id="size">
 <p><strong><a href="javascript:call()">Size Chart</a></strong></p>
</div>  

Click here to see the website

Answer 1

如果您希望在页面加载时隐藏它，您可以尝试如下操作:

<script type="text/javascript">
    function init() {
         document.getElementById('size').style.visibility='hidden';
    }
    window.onload = init;
</script>