Нажмите кнопку на html-странице, чтобы реализовать функцию перехода на страницу.

Нажмите кнопку на странице html, чтобы перейти на страницу.

Способ 1. Вставьте тег a вне тега кнопки и используйте гиперссылку для перехода;

 <a href="https://www.baidu.com/" target="_blank">
<button>Войти на домашнюю страницу Baidu</button>
</а>

Способ 2. Добавьте код οnclick="window.location.href='page url'" в тег кнопки и используйте событие onclick для перехода.

 <button onclick="window.location.href = 'https://www.baidu.com/' target="_blank"">Введите домашнюю страницу Baidu</button>

Как автоматически переходить на html-страницы

1. Используйте метаэлементы

 <meta http-equiv="refresh" content="5;url=hello.html">

http-equiv="refresh" — обновление страницы. Операция обновления будет выполнена через 5 секунд. URL-адрес — это адрес целевой страницы перехода.

 <meta http-equiv="refresh" content="5">

Эта строка кода означает только обновление, а не переход.

2. Используйте код сценария

Немедленно перейдите на страницу hello.html.

 <тип сценария="текст/javascript">
window.location.href = 'hello.html';
</скрипт>

или

 <script Language="JavaScript">
location.replace("http://www.baidu.com/");
</скрипт>

Перейдите на страницу hello.html через 5 секунд.

 <тип сценария="текст/javascript">
setTimeout("window.location.href = 'hello.html'", 5000);
</скрипт>

3. Определите, является ли это версией для мобильного телефона.

 <тип сценария="текст/javascript">
вар wapurl = window.location.pathname; 
если
(/Android|webOS|iPhone|iPod|BlackBerry|Windows CE|Windows Phone/i.test(navigator.userAgent))
{если
(window.location.href.toLowerCase().indexOf("?pc")<0)
{пытаться
{window.location.href="/wap"+wapurl}
поймать(е){}}
}
</скрипт>

На этом завершается статья о нажатии кнопки на HTML-странице для перехода на страницу. Для получения дополнительной информации о нажатии кнопки для перехода на страницу выполните поиск по предыдущим статьям на сайте downcodes.com или продолжите просмотр следующих статей по теме. Надеюсь, вы сделаете это в будущем. Поддержите downcodes.com!