web-dev-qa-db-ja.com

javaScriptのwindow.location.hrefおよびwindow.open（）メソッド

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

javascriptlocationwindowhrefwindow-object
235
masif

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チュートリアル

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
Kamil Kiełczewski