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

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

奋力向前
リリース: 2023-01-07 11:47:31
オリジナル
55658 人が閲覧しました

ジャンプ方法: 1.「text」を使用します。 2.「"; 3. 「window.location.href = 'URL';」を使用します。

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

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

#ページ ジャンプの実装方法

1. HTML でのタグ ジャンプ


HTML の A タグも、マウスをクリックすることによってのみ入力できるページ ジャンプの一種とみなすことができます。

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

<a href="http://www.feiniaomy.com"></a>
ログイン後にコピー

2. Meta

タグ ページジャンプHTML

ページでは、

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

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

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

コードの説明HTMLでページジャンプを実装する方法

上記のコードを見ると、

meta

タグに

content 属性があります。これは、開くことを意味します。このページに到達した後、ジャンプが開始されるまでに何秒かかりますか。リダイレクトされた URL 3 を示す URL 属性もあります。## を使用する Web ページでは、JavaScript コード Jump

が使用されます。 #jsページ ジャンプやタイミング ジャンプを実装することもできます

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

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

コード図

推奨学習:

HTML ビデオ チュートリアル

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

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

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