JavaScript'te window.location.href ve window.open () yöntemleri

271

Arasındaki fark nedir window.location.hrefve window.open ()JavaScript yöntemlere?

— masifi
kaynak

2

İlgili: Başka bir web sayfasına nasıl yönlendiririm

— krubo

511

window.location.hrefolduğu değil bir yöntem, bu size tarayıcının geçerli URL konumunu söyleyecektir bir özellik bu. Özelliğin değerini değiştirmek sayfayı yeniden yönlendirir.

window.open()yeni bir pencerede açmak istediğiniz URL'yi aktarabileceğiniz bir yöntemdir. Örneğin:

window.location.href örneği:

window.location.href = 'http://www.google.com'; //Will take you to Google.

window.open () örneği:

window.open('http://www.google.com'); //This will open Google in a new window.

Ek bilgi:

window.open()ek parametreler geçirilebilir. Bkz. Window.open öğreticisi

— James Hill
kaynak

5

Standart muhtemelen window.location.hrefbir özellik değil, bir özellik olduğunu söylüyor , ancak Internet Explorer (en azından sürüm 10) hrefda bir yöntem olarak davranmanıza izin veriyor . Sadece IE10'da kullandığım bir sayfada işe yaradığını gördüm. Muhtemelen bu yüzden asker hrefbir yöntem çağırıyordu . IE'nin window.location.href ile uyumsuzluğu sorusuna bakın . Ancak evet, IE dahilhref herhangi bir tarayıcıda çalışacak bir özellik olarak kullanmak daha iyidir .

— Rory O'Kane

5

@ RoryO'Kane, bu soru 2011 yılında sordu. Kullanıcı IE 10 atıfta bulundu şüpheliyim

— James Hill

9

Doğru. Ancak, emin olmasa da, IE'nin eski sürümlerinin window.location.hrefaynı şekilde davrandığını düşünüyorum . Sonuçta, iE'nin yeni sürümleri genellikle daha az değil, daha fazla standart tabanlı oluyor. IE10 hala standardı çiğniyorsa, eski sürümler de muhtemelen yaptı.

— Rory O'Kane

32

window.open belirtilen URL ile yeni bir tarayıcı açar.
window.location.href URL'yi kodun çağrıldığı pencerede açar.

Ayrıca window.open(), pencere nesnesinin kendisinin bir işlevi window.locationolduğunu, diğer çeşitli yöntem ve özellikleri gösteren bir nesne olduğunu unutmayın .

— Tom
kaynak

14

window.open bir yöntemdir; yeni pencere açabilir ve özelleştirebilirsiniz. window.location.href sadece geçerli pencerenin bir özelliğidir.

— ngi
kaynak

12

Window.location.href özelliği ve window.open () yöntemi hakkında açıklanan yanıtlar zaten var .

Amaç kullanımı ile gideceğim:

1. Sayfayı bir başkasına yönlendirmek için

Window.location.href dosyasını kullanın. Href özelliğini başka bir sayfanın href değerine ayarlayın.

2. Bağlantıyı yeni veya belirli pencerede açın.

Window.open () öğesini kullanın. Parametreleri hedefinize göre geçirin.

3. Sayfanın geçerli adresini öğrenin

Window.location.href dosyasını kullanın. Window.location.href özelliğinin değerini alın. Window.location nesnesinden belirli protokol, ana bilgisayar adı, hashstring de alabilirsiniz.

Daha fazla bilgi için Konum Nesnesi konusuna bakın .

— Somnath Muluk
kaynak

9

window.open ()yeni pencereyi açarken window.location.hrefyeni URL'yi geçerli pencerenizde açar.

— Joseph Silber
kaynak

window.open (), '_self' ek parametre olarak iletilirse aynı pencerede 'url' dosyasını da açabilir.

— user761100

1

window.openYeni bir tarayıcı sekmesinde url açacak

window.location.hrefGeçerli Sekmesinde url açılacaktır (yerine kullanabilirsiniz location)

İşte örnek keman (SO parçacıkları penceresinde.open çalışmıyor)

Kod snippet'ini göster

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>

Snippet'i genişlet

— Kamil Kiełczewski
kaynak