JavaScriptのwindow.location.href
メソッドとwindow.open ()
メソッドの違いは何ですか?
window.location.href
はnotメソッドで、ブラウザの現在のURLの場所を教えてくれるプロパティです。プロパティの値を変更するとページがリダイレクトされます。
window.open()
は新しいウィンドウで開きたいURLを渡すことができるメソッドです。例えば:
window.location.hrefの例:
window.location.href = 'http://www.google.com'; //Will take you to Google.
window.open()の例:
window.open('http://www.google.com'); //This will open Google in a new window.
window.open()
には追加のパラメータを渡すことができます。参照してください: window.openチュートリアル
window.open
は指定されたURLで新しいブラウザを開きます。
window.location.href
は、コードが呼び出されるウィンドウにURLを開きます。
window.open()
はウィンドウオブジェクト自身の関数であるのに対し、window.location
はさまざまな 他のメソッドやプロパティを公開するオブジェクト です。
window.open はメソッドです。新しいウィンドウを開いてカスタマイズすることができます。 window.location.hrefは現在のウィンドウの単なるプロパティです。
window.location.href propertyおよび window.open() methodについて説明した答えはすでにあります。
目的別に使用します。
Window.location.hrefを使用してください。 hrefプロパティを別のページのhrefに設定します。
Window.open()を使用してください。目標に合わせてパラメータを渡します。
Window.location.hrefを使用してください。 window.location.hrefプロパティの値を取得します。 window.locationオブジェクトから特定のプロトコル、ホスト名、ハッシュ文字列を取得することもできます。
詳細については Location Object を参照してください。
window.open ()
は新しいウィンドウを開きますが、window.location.href
は現在のウィンドウに新しいURLを開きます。
window.open
は新しいブラウザでURLを開きますTab
window.location.href
は現在のタブでURLを開きます(代わりにlocation
を使用できます)
これは フィドルの例 (SOスニペットwindow.openでは動作しません)
var url = 'https://example.com';
function go1() { window.open(url) }
function go2() { window.location.href = url }
function go3() { location = url }
<div>Go by:</div>
<button onclick="go1()">window.open</button>
<button onclick="go2()">window.location.href</button>
<button onclick="go3()">location</button>