ホームページ > 記事 > ウェブフロントエンド > HTMLでWebページジャンプを実装する方法

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

醉折花枝作酒筹オリジナル: 2021-04-12 14:55:3120597ブラウズ

方法: 1. 構文「9ef326dd87e873ebe9a7e983d6c03e2e」でメタタグを使用します。 2. 構文「670313f057b3ab15367b4dc567f518cb」で a タグを使用します。 ; 3. JavaScript を使用してジャンプします。構文は「window.location.href='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 サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTMLでページジャンプを実装する方法次の記事：HTMLでページジャンプを実装する方法

続きを見る