Javascript 在Web应用程序中隐藏后退按钮_Javascript_Html_Ios

Javascript 在Web应用程序中隐藏后退按钮

javascript html ios

Javascript 在Web应用程序中隐藏后退按钮,javascript,html,ios,Javascript,Html,Ios,我正在为iPhone创建一个应用程序，它是应用程序中的一个浏览器窗口。现在，由于没有后退按钮，我对下面的程序进行了编程，以显示一个按钮，该按钮工作正常： <head> ... <script> function goBack() { window.history.back() } </script> </head> <body> <body> <button onclick="goBack()">Go

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

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


...
函数goBack（）{
window.history.back（）
}
回去

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

我已经查看了，但无法使其工作。

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

visibility: hidden;

当然。我认为你的文件应该是这样的

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

头部的样式标记将覆盖CSS

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

我希望这有助于澄清。

我应该补充一点，这个问题不一定与创建应用程序有关。同样的技巧也应该应用于普通网页。谢谢你的回答。您是否介意详细说明一下如何将其准确地包含在代码中，即如何以有条件的方式放置可见性。当然可以。我补充了一个新的答案。我想到了一个更好的主意。

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

.btn {
display: block;
}