ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでWebページジャンプを実装する方法

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

醉折花枝作酒筹
リリース: 2023-01-05 16:07:16
オリジナル
20647 人が閲覧しました

方法: 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.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート