HTMLページ上のボタンをクリックするとページジャンプ機能を実現します

著者：Eve Cole 更新時間：2024-12-19 13:47:50

htmlページ上のボタンをクリックするとそのページにジャンプします

方法 1. button タグの外側に a タグをネストし、ハイパーリンクを使用してジャンプします。

 <a href="https://www.baidu.com/" target="_blank">
<button>baidu ホームページに入る</button>
</a>

方法 2. button タグに ο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 ページにジャンプします。

 <script type="text/javascript">
window.location.href = 'hello.html';
</script>

または

<スクリプト言語="javascript">
location.replace("http://www.baidu.com/");
</script>

5 秒後に hello.html ページにジャンプします。

 <script type="text/javascript">
setTimeout("window.location.href = 'hello.html'", 5000);
</script>

3. 携帯電話版かどうかを確認する

<script type="text/javascript">
var 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}
キャッチ(e){}}
}
</script>

HTML ページ上のボタンをクリックしてページに移動する方法についてのこの記事は終わりです。ボタンをクリックしてページに移動する方法について詳しくは、downcodes.com の以前の記事を検索するか、引き続き以下の関連記事を参照してください。今後とも downcodes.com をサポートしていただければ幸いです。