在Web App中隐藏后退按钮

Question

我正在为iPhone创建一个应用程序，这是该应用程序内的浏览器窗口。 现在，由于没有后退按钮，我对以下内容进行了编程以显示其中一个，它可以正常工作：

<head>
...
<script>
function goBack() {
    window.history.back()
}
</script>
</head>
<body>
<body>
 <button onclick="goBack()">Go Back</button>
</body>

我想隐藏首页上的按钮，因为它弄乱了设计。 有没有一种方法可以执行此操作，可能是通过检查是否没有历史记录或底页来进行。

我已经调查了这个问题，但无法解决。

Answer 1

将按钮放入DIV并在CSS中使用以下内容

visibility: hidden;

Answer 2

当然。 我认为您的文档应如下所示。

<button class="btn" onclick="goBack()">Go Back</button>

在您不希望按钮显示的页面的头上，添加样式标签

<style>
.btn {
display: none;
} '

然后，在您的CSS文档中

.btn {
display: block;
}

HEAD中的style标签将覆盖CSS。

我决定使用“显示”而不是“可见性”，因为显示会占用大量空间。 虽然可见性会占用空间，但不会显示按钮。 我想留下一个空白的正方形。

我希望这有助于澄清。

在Web App中隐藏后退按钮

问题描述

2 个解决方案

解决方案1
0 2016-08-10 16:04:59

解决方案2
0 2016-08-11 19:24:20

在Web App中隐藏后退按钮

问题描述

2 个解决方案

解决方案1 0 2016-08-10 16:04:59

解决方案2 0 2016-08-11 19:24:20

解决方案1
0 2016-08-10 16:04:59

解决方案2
0 2016-08-11 19:24:20