Javascript 为什么赢了';我的按钮不能播放我的声音并转到链接吗?

Javascript 为什么赢了';我的按钮不能播放我的声音并转到链接吗?,javascript,html,Javascript,Html,这看起来像一个基本问题,但没有找到答案。。有什么我需要添加的按钮,使用户到主页和播放的声音?目前它只播放声音。我希望它立即播放声音,然后转到主页 函数playBeep(){ var sound=document.getElementById(“声音”) 播放 } 您应该等到元素播放完毕,然后告诉浏览器导航到新页面: 函数playBeep(){ var sound=document.getElementById(“声音”); 声音。播放(); sound.addEventListener('e

这看起来像一个基本问题,但没有找到答案。。有什么我需要添加的按钮,使用户到主页和播放的声音?目前它只播放声音。我希望它立即播放声音,然后转到主页

函数playBeep(){
var sound=document.getElementById(“声音”)
播放
}

您应该等到
元素播放完毕,然后告诉浏览器导航到新页面:

函数playBeep(){
var sound=document.getElementById(“声音”);
声音。播放();
sound.addEventListener('end',function(){
location.href='Home.html';
});
}

只需添加链接
window.location=”http://stackoverflow.com";

函数playBeep(){
var sound=document.getElementById(“声音”)
声音。播放();
window.location=”http://stackoverflow.com";
}

函数playBeep(){
var sound=document.getElementById(“声音”)
声音。播放();
window.location.href='/';//转到主页
}

您的按钮不在
您的问题是a的结束标记。 标签“a”必须包裹整个按钮

<a href="Home.html">
  <button id="aButton" onclick="playBeep()">
    <img src="img/Home.png">
  </button>
 </a>

您可以始终使用
jQuery
来监听声音以结束并重定向用户

/*将结束的事件绑定到声音*/
$('#Sound')。on('end',function(){
log('User Redirected');
});
/*将单击事件绑定到按钮*/
$('#aButton')。在('click',function()上{
$(“#声音”)[0]。播放();
});


您在哪里告诉浏览器导航到新页面?如果您立即更改页面,用户将听不到声音。我创建了一个按钮,用户单击该按钮可转到“主页”按钮,动画按钮是用来播放声音然后链接的按钮。因为按钮与
)之间没有连接,但像这样的自定义音频可能会非常烦人。也不要直接链接到soundjay。这似乎是最简单和有效的答案,也帮助我删除了a标签,因为某些原因,你不应该在按钮周围缠绕。谢谢你的帮助!
<a href="Home.html">
  <button id="aButton" onclick="playBeep()">
    <img src="img/Home.png">
  </button>
 </a>