Скрытие кнопки в веб-приложении

Я создаю приложение для iPhone, которое является окном браузера в приложении. Теперь, так как нет кнопки назад, я запрограммировал следующее, чтобы показать один, который работает отлично:Скрытие кнопки в веб-приложении

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

Я хотел бы, чтобы скрыть кнопку на первой странице, как это портит его дизайн. Есть ли способ сделать это, возможно, проверив, что нет истории или задней страницы.

Я просмотрел this question, но не смог заставить его работать.

источник

2016-08-09 John Lamos

Я должен добавить, что этот вопрос не обязательно связан с созданием приложения. Такая же методика должна применяться на обычной веб-странице. –

Поместите кнопку в DIV и используйте следующие команды в CSS

visibility: hidden;

источник

2016-08-10 16:04:59 thisbenroberts

Благодарим вас за ответ. Не могли бы вы немного разобраться, как правильно включить его в код, т. Е. Как установить видимость условным образом. –

Конечно. Я добавил новый ответ. Мысль о лучшей идее. – thisbenroberts

Sure. Я думаю, что ваш документ должен выглядеть следующим образом ..

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

и в голове на JUST странице, где вы не хотите кнопку, чтобы показать, включает в себя тег стиля

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

затем в вашем документе CSS

.btn { 
display: block; 
}

Тэг стиля в вашем HEAD переопределит CSS.

Я решил использовать «дисплей» вместо «видимости», потому что дисплей будет зацикливаться на кнопке. Хотя видимость займет пространство, но просто не отобразит кнопку. Я думаю, оставляя пустой квадрат.

Надеюсь, что это поможет уточнить.

источник

2016-08-11 19:24:20 thisbenroberts

Скрытие кнопки в веб-приложении

ответ

Смежные вопросы