ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptでWebページジャンプを実装する方法(コード例)

JavaScriptでWebページジャンプを実装する方法(コード例)

PHPz
リリース: 2023-04-25 10:09:27
オリジナル
2233 人が閲覧しました

JavaScript では、Web ページにジャンプする方法が多数あります。一般的な方法は次のとおりです:

  1. window.location.href

window.location を使用します。 href は、現在のページを指定された URL に直接ジャンプできます。コードは次のとおりです:

window.location.href = "http://www.example.com";
ログイン後にコピー
  1. window.open

window.open を使用して新しいウィンドウを開くか、 tab. を実行し、指定した URL にジャンプするコードは次のとおりです:

window.open("http://www.example.com", "_blank");
ログイン後にコピー

このうち、「_blank」はリンクを新しいウィンドウまたはタブで開くことを意味します。

  1. location.replace を使用する

location.replace は、指定された URL にジャンプしたり、現在のページを置き換えてブラウザーの履歴に表示されないようにすることもできます。元のページのコードは次のとおりです。

location.replace("http://www.example.com");
ログイン後にコピー

現在のページが置き換えられるため、ジャンプ操作を実行する前にユーザーの操作を確認することをお勧めします。

  1. フォーム送信を使用する

HTML では、フォーム送信を使用して、指定した URL にジャンプできます。コードは次のとおりです:

<form action="http://www.example.com" method="get">
  <input type="submit" value="跳转">
</form>
ログイン後にコピー

フォーム経由 の action 属性は、フォームが送信されると自動的にジャンプするジャンプ URL を指定します。

概要

上記は、JavaScript で Web ページにジャンプするいくつかの方法ですが、どの方法を使用するかは、特定のニーズに応じて選択する必要があります。このうち、window.location.href、window.open、location.replace は JavaScript で直接呼び出すことができますが、フォームは HTML で使用する必要があります。

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

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