web-dev-qa-db-ja.com

javaScriptのwindow.location.hrefおよびwindow.open()メソッド

JavaScriptのwindow.location.hrefメソッドとwindow.open ()メソッドの違いは何ですか?

235
masif

window.location.hrefnotメソッドで、ブラウザの現在の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チュートリアル

448
James Hill
  • window.openは指定されたURLで新しいブラウザを開きます。

  • window.location.hrefは、コードが呼び出されるウィンドウにURLを開きます。

window.open()はウィンドウオブジェクト自身の関数であるのに対し、window.locationはさまざまな 他のメソッドやプロパティを公開するオブジェクト です。

29
Tom

window.open はメソッドです。新しいウィンドウを開いてカスタマイズすることができます。 window.location.hrefは現在のウィンドウの単なるプロパティです。

13
ngi

window.location.href propertyおよび window.open() methodについて説明した答えはすでにあります。

目的別に使用します。

1.ページを別のページにリダイレクトする

Window.location.hrefを使用してください。 hrefプロパティを別のページのhrefに設定します。

2.新しいウィンドウまたは特定のウィンドウでリンクを開きます。

Window.open()を使用してください。目標に合わせてパラメータを渡します。

3.ページの現在の住所を知る

Window.location.hrefを使用してください。 window.location.hrefプロパティの値を取得します。 window.locationオブジェクトから特定のプロトコル、ホスト名、ハッシュ文字列を取得することもできます。

詳細については Location Object を参照してください。

10
Somnath Muluk

window.open ()は新しいウィンドウを開きますが、window.location.hrefは現在のウィンドウに新しいURLを開きます。

8
Joseph Silber

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>
0