ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTMLでページジャンプ(リダイレクト)する方法

HTMLでページジャンプ(リダイレクト)する方法

青灯夜游
リリース: 2023-01-03 09:27:01
オリジナル
5490 人が閲覧しました

方法: 1. 構文 "" でメタ タグを使用します。 2. 構文で A タグを使用します。構文 "< ;a href="Website">"; 3. "location.href=Website" を使用します。

HTMLでページジャンプ(リダイレクト)する方法

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

HTML URL ジャンプの説明

HTML URL ジャンプとは、ある URL から別の URL にジャンプすることです。たとえば、次のように URL A を入力します。 、URL B の Web サイトが開かれた場合、URL A と URL B 間のジャンプが URL ジャンプです。 (この方法は Web サイトの 404 ページでもよく使用されます)

HTML でのメタ ジャンプ

HTML ページでは、メタ タグを使用して次の内容を入力できます。ページジャンプ、このメソッドはジャンプ時間を制御し、ジャンプ URL を自由に定義できます

html ジャンプ コードは次のとおりです

 <meta http-equiv="refresh" content="5;url=https://www.php.cn">
ログイン後にコピー

コード説明

上記のコードを想像してください。 meta タグには content 属性があり、このページを開いてから何秒後にジャンプが開始されるかを示します。リダイレクト先の URL を示す URL 属性もあります。

HTML ジャンプの A タグ

HTML の A タグは、ページ ジャンプの種類とみなすこともできます。マウスをクリックするだけでジャンプに入ることができます。

html タグ ジャンプ コードは次のとおりです。

<a href="https://www.php.cn">PHP中文网</a>
ログイン後にコピー

[推奨チュートリアル: "html ビデオ チュートリアル "]

javascript コード ジャンプ

Web ページで jjs を使用してページ ジャンプや時間指定ジャンプを実現することもできます

JS ジャンプ コードは次のとおりです

<script language="javascript" type="text/javascript">   
    // 以下方式直接跳转  
    //PHP中文网
    window.location.href = &#39;https://www.php.cn/&#39;;
    // 五秒以后再跳转
    setTimeout("javascript:location.href=&#39;https://www.php.cn&#39;", 5000);   
</script>
ログイン後にコピー

プログラミング関連の知識については、プログラミング ビデオをご覧ください。 !

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

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