metode window.location.href dan window.open () dalam JavaScript

271

Apa perbedaan antara window.location.hrefdan window.open ()metode dalam JavaScript?

— masif
sumber

2

Terkait: Bagaimana cara mengarahkan ke halaman web lain

— krubo

511

window.location.hrefadalah tidak sebuah metode, itu adalah properti yang akan memberitahu Anda lokasi URL saat browser. Mengubah nilai properti akan mengarahkan ulang halaman.

window.open()adalah metode yang dapat Anda gunakan untuk URL yang ingin Anda buka di jendela baru. Sebagai contoh:

contoh window.location.href:

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

window.open () contoh:

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

Informasi tambahan:

window.open()dapat melewati parameter tambahan. Lihat: tutorial window.open

— James Hill
sumber

5

Standar mungkin mengatakan itu window.location.hrefadalah properti, bukan metode, tetapi Internet Explorer (setidaknya versi 10) memungkinkan Anda untuk memperlakukan hrefsebagai metode juga. Saya telah melihatnya bekerja, hanya di IE10, pada satu halaman yang saya gunakan. Mungkin itulah sebabnya si penanya memanggil hrefmetode. Lihat pertanyaan IE incompatability dengan window.location.href . Tapi ya, lebih baik digunakan hrefsebagai properti, yang akan berfungsi di browser apa pun, termasuk IE .

— Rory O'Kane

5

@ RoryO'Kane, pertanyaan ini diajukan pada 2011. Saya ragu pengguna merujuk ke IE 10.

— James Hill

9

Benar. Tapi saya pikir kemungkinan, meskipun tidak pasti, bahwa versi IE yang lebih lama diperlakukan window.location.hrefdengan cara yang sama. Bagaimanapun, versi terbaru dari iE umumnya mendapatkan lebih banyak berbasis standar, tidak kurang. Jadi jika IE10 masih melanggar standar, maka versi yang lebih lama mungkin juga melakukannya.

— Rory O'Kane

32

window.open akan membuka browser baru dengan URL yang ditentukan.
window.location.href akan membuka URL di jendela tempat kode dipanggil.

Perhatikan juga bahwa itu window.open()adalah fungsi pada objek jendela itu sendiri sedangkan window.locationobjek yang memperlihatkan berbagai metode dan properti lainnya .

— Tom
sumber

14

window.open adalah metode; Anda dapat membuka jendela baru, dan dapat menyesuaikannya. window.location.href hanyalah properti dari jendela saat ini.

— ngi
sumber

12

Sudah ada jawaban yang menjelaskan tentang properti window.location.href dan metode window.open () .

Saya akan menggunakan Objective use:

1. Untuk mengalihkan halaman ke yang lain

Gunakan window.location.href. Setel properti href ke href dari halaman lain.

2. Buka tautan di jendela baru atau spesifik.

Gunakan window.open (). Lewati parameter sesuai tujuan Anda.

3. Ketahui alamat halaman saat ini

Gunakan window.location.href. Dapatkan nilai properti window.location.href. Anda juga bisa mendapatkan protokol, nama host, hashstring tertentu dari objek window.location.

Lihat Objek Lokasi untuk informasi lebih lanjut.

— Somnath Muluk
sumber

9

window.open ()akan membuka jendela baru, sedangkan window.location.hrefakan membuka URL baru di jendela Anda saat ini.

— Joseph Silber
sumber

window.open () juga dapat membuka 'url' di jendela yang sama jika '_self' dilewatkan sebagai parameter tambahan.

— user761100

1

The window.openakan membuka url di browser baru Tab

The window.location.hrefakan membuka url di Tab saat ini (bukannya Anda dapat menggunakan location)

Berikut ini contoh biola (dalam SO snippets window.open tidak berfungsi)

Tampilkan cuplikan kode

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>

Luaskan cuplikan

— Kamil Kiełczewski
sumber