JS ジャンプの種類

2年 ago
優斗, 朝陽
1 minute

JavaScriptではページ遷移を実現する方法はいくつかあります。一般的に利用されている方法を以下に示します。

  1. location オブジェクトの href プロパティを利用する: location オブジェクトの href プロパティを変更することで、ページ遷移を行うことができます。例:
location.href = "http://www.example.com";
  1. locationオブジェクトのassignメソッドを使う：href属性を変更するのと同じように、locationオブジェクトのassignメソッドを使ってページ遷移ができます。例：
location.assign("http://www.example.com");
  1. locationオブジェクトのreplaceメソッドを使うと同様ですが、replaceメソッドは遷移後もブラウザ履歴に新しい履歴を追加しません。例：
location.replace("http://www.example.com");
  1. window オブジェクトの open メソッドを利用する: window オブジェクトの open メソッドを利用すると、新しいウィンドウまたはタブを開き、指定された URL に移動できます。例:
window.open("http://www.example.com");
  1. formのsubmitメソッドを利用：隠しformを作成して、そのsubmitメソッドを呼び出すことでページ遷移を実現できます。例：
document.getElementById("myForm").submit();
  1. a タグの click メソッドを使用した方法: ページ遷移は、非表示の a タグを作成して、その click メソッドを呼び出すことで実現できます。例:
document.getElementById("myLink").click();

注意する必要があるのは、上記の方法がブラウザのセキュリティポリシーによって制限される可能性がある点です。例えば、特定の場合には、スクリプト内での自動ページジャンプが禁止されています。さらに、現在のページ内でジャンプが必要な場合、location.reloadメソッドを使用してページを更新し、指定されたURLにジャンプできます。

bannerAds