locationオブジェクトを使用したJavaScriptの3つのリダイレクト方法

@ハクト 2022-07-11 12:41:02に投稿

locationオブジェクトを使用した3つのリダイレクト方法

「href」「replace」「assign」の違い

//-----------------------------------------------
//location.href
//特徴:ブラウザに履歴が残り、「戻る」クリックで元のページに戻れる
//-----------------------------------------------
window.location.href="http://www.example.com"

//-----------------------------------------------
//location.replace
//特徴:現URL置換。ブラウザに履歴が残らず、元のページに戻れない。
//-----------------------------------------------
window.location.replace("http://www.example.com");

//-----------------------------------------------
//location.assign
//特徴:基本「href」と挙動は同じ。履歴が残り元のページに戻れる
//-----------------------------------------------
window.location.assign("http://www.example.com");

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter