如果页面作为空白打开,则隐藏菜单按钮

时间:2017-12-20 10:48:28

标签: javascript html css

如果使用target =“_ blank”打开当前页面,如何隐藏后退按钮(在导航菜单中)。

通常情况下,此页面被称为:

<a href="/about_us/" class="nav-li" >About Us</a>

在另一个案例中,它被调用:

<a href="/about_us/" class="nav-li" target="_blank" >About Us</a>

后退按钮的目标页面上的代码是:

<label class="nav-li" for="back">Back</label>
<input class='Back' id = "back" type=button value="Back" onClick="history.go(-1)">

如果打开为空白,如何隐藏此按钮???

整个项目在Django上

2 个答案:

答案 0 :(得分:2)

如果button对象的history 为null 小于2,则隐藏length。这可以使用css类,纯css或直接使用JS

来完成

[编辑]:

我会将此添加到新表单的onload事件中。

function init(){
  if(history.length < 2){
    document.getElementById('Back').style.display = none;
  }
}

[...]

<body onload="init()">

[...]

答案 1 :(得分:0)

如果长度小于或等于1,你应该检查历史对象,这样它就没有历史记录,所以你可以隐藏你的btn

window.onload = function (){
     var hasHistory = history.length <= 1; //if has an history;
     document.getElementById('cacca').style.display = hasHistory ? "none" : "block";

}