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

如何使用vanilla javascript以编程方式更改location.href的值?,javascript,html,debugging,Javascript,Html,Debugging,我有这样一个按钮: 立即播放 但是,我想使用vanilla js更改location.href的值。我下面的东西坏了。我在网上看到了一些建议,但没有结果。我做错了什么 let playButton = document.getElementsByClassName("play-now-button")[0]; playButton.onclick.location.href = "www.google.com"; 我也试过: playButton.onclick = function() {

我有这样一个按钮:

立即播放

但是,我想使用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"
}
但这些都不管用。我需要用这个按钮。我不想使用
标记,因为我想保持样式。我还尝试在
按钮
内嵌套一个
标签,但也没有成功

我做错了什么?如何修复此问题?


window.location.href=“www.blabla.com”;
//或
window.location.href=“/mysite/some page”;

这在这里不起作用,因为此代码在iframe中,请在主文档中使用它,它将在那里起作用

let playButton=document.getElementsByClassName(“立即播放按钮”)[0];
playButton.onclick=函数(e){
window.location.assign('https://www/google.com')
}

打开另一个链接
执行处理程序时,此
将是HTMLButtoneElement

你需要对你的代码做一点小小的修改

playButton.onclick=function(){
window.location.href=“www.google.com”

}

所以你想点击播放按钮,它会将你重定向到google.com