HTMLでWebページジャンプを実装する方法-htmlチュートリアル-php.cn

HTMLでWebページジャンプを実装する方法

醉折花枝作酒筹

リリース： 2023-01-05 16:07:16

オリジナル

20522 人が閲覧しました

方法: 1. 構文「」でメタタグを使用します。 2. 構文「」で a タグを使用します。 ; 3. JavaScript を使用してジャンプします。構文は「window.location.href='Web ページアドレス'」です。

HTMLでWebページジャンプを実装する方法

#このチュートリアルの動作環境: Windows7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

1. メタを使用して HTML 内にジャンプします。メタを介してジャンプ時間とページを設定できます。

<head>
<!--只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="5">
<!--定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=index.html"> 
</head>

ログイン後にコピー

2. で直接ジャンプします。タグ Transfer

<a href="http://baidu.com">百度一下</a>

ログイン後にコピー

3. javascript を介してジャンプ

// 直接跳转
window.location.href=&#39;index.html&#39;;
// 定时跳转
setTimeout("javascript:location.href=&#39;index.html&#39;", 5000);

ログイン後にコピー

実際、2 つのメソッドは似ていますが、一部のジャンプは別の方法である javascript で書かれています。 html

<button id="load" οnclick="window.location.reload(&#39;/html/index.html&#39;)">跳转</button>

ログイン後にコピー

追加説明: html

window.history .go(-1 で前のページにジャンプする方法) ); または window.history.back(-1);

HTML で記述する

<a href=”#” onClick=”JavaScript :history.back(1);”>返回上一页</a>
<a href=”#” onClick=”javascript :history.Go(-1);”>返回上一页</a>

ログイン後にコピー

JavaScript でジャンプを記述する前のページ

<p id="btn">按钮</p>

ログイン後にコピー

rrree

推奨される学習:

html ビデオチュートリアル

以上がHTMLでWebページジャンプを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます