onClick不能在Chrome中运行多个函数

Question

当我单击一个按钮并让它进入新页面时，我试图获得一个声音播放。似乎在其他浏览器（如Firefox）中工作得很好，但它在Chrome中不起作用。这是我正在使用的代码。

<audio id="audio" src="soundfile.ogg"></audio> 
<button onclick="document.getElementById('audio').play(); document.location = 'newpage.html'">Click</button> 

我知道.ogg文件的工作，所以这不是问题，因为下面的代码将在Chrome中正常工作。

<button onclick="SomeFunction(); document.getElementById('audio').play()">Click</button> 

它似乎只给我一个问题，当我尝试去一个新的页面。如果有人知道我可以如何让Chrome在Chrome中运行，那将会很棒。谢谢。

Answer 1

您需要确保音频在离开页面前开始（也许先让它完成）。在location.href中加入延迟。

Answer 2

也许你可以尝试使用：

window.open('newpage.html','_blank'); 

代替：

document.location = 'newpage.html' 

当您单击您在同一标签打开另一个页面的按钮，如果打开另一个选项卡，音乐仍然会在另一场比赛中打球。

如果没有帮助，打我回来！