Question

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

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

我想隐藏第一页上的按钮，因为它弄乱了它的设计。有没有办法做到这一点，可能是通过检查没有可用的历史记录或后页。

我调查了this question，但无法使其发挥作用。

Answer 1

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

visibility: hidden;

Answer 2

不确定。我认为你的文件应该是这样的..

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

并且在JUST页面上你不希望按钮显示，包括样式标记

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

然后，在你的CSS文档中

.btn {
display: block;
}

HEAD中的样式标记将覆盖CSS。

我决定使用＆＃39; display＆＃39;而不是“可见性”＃39;因为显示按钮会占用空间。虽然可见性会占用空间，但只是不会显示按钮。我想留下一个空白的广场。

我希望这有助于澄清。

在Web App中隐藏后退按钮

2 个答案: