如何使用 vanilla javascript 以編程方式更改 location.href 的值？

Question

我有這樣的按鈕：

<button type="button" class="play-now-button" onclick="location.href='www.yahoo.com'">Play Now</button>

但是，我想使用 vanilla js 更改location.href的值。 我下面的內容不起作用。 我在網上看了一些建議，但無濟於事。 我究竟做錯了什么？

let playButton = document.getElementsByClassName("play-now-button")[0];
playButton.onclick.location.href = "www.google.com";

我也試過：

playButton.onclick = function() {
   this.location.href = "www.google.com"
}

但這些都不起作用。 我需要使用按鈕。 我不想使用<a>標簽，因為我想保持樣式。 我也嘗試在button內嵌套a標簽，但也無濟於事。

我做錯了什么，我該如何解決？

Answer 1

window.location.href = "www.blabla.com";

// or

window.location.href = "/mysite/some-page";

Answer 2

這在這里不起作用，因為此代碼在 iframe 中，在您的主文檔中使用它會在那里工作。

 let playButton = document.getElementsByClassName("play-now-button")[0]; playButton.onclick = function(e) { window.location.assign('https://www/google.com') }

 <button class="play-now-button">Open Another Link</button>

Answer 3

this將是執行處理程序時的 HTMLButtonElement。

你需要對你的代碼做一個小的改動。

playButton.onclick = function() { window.location.href = "www.google.com" }