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

时间:2015-06-16 10:34:02

标签: javascript jquery html html5

我有一个网页,上面有链接。当用户点击该链接时,它会弹出一个窗口。窗口弹出功能取决于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

2 个答案:

答案 0 :(得分:1)

如果你想在页面加载时隐藏它,你可以尝试这样的事情:

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

答案 1 :(得分:0)

你需要调用阳光上载:

- 我设置了一个变量&#34; preventpop&#34;防止窗口自动弹出。

function call(id,preventpop){
    var link = window.location.href;
    var e = document.getElementById(id);
    var jockey = link.indexOf("jockey")>0;
    var vest = link.indexOf("vest")>0;
    var shorts = link.indexOf("shorts")>0;
    if(jockey && vest){
        document.getElementById('size').style.visibility='hidden';
    }
    else if(!preventpop && jockey && 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 ");
    }
}
window.addEventListener("load",function(){call("",true);},false);