javascript - 如何防止后退按钮在 iframe 上工作？

Question

我有一个页面，有几个youtube链接，这个链接在iframe上工作，所以当用户点击这个链接时，它嵌入youtube视频并在iframe中播放，我使用html和jquery使其像这样:

HTML:

<a href="http://www.youtube.com/embed/Q5im0Ssyyus">Charlie 1</a>
<a href="http://www.youtube.com/embed/QFCSXr6qnv4">Charlie 2</a>
<a href="http://www.youtube.com/embed/eaCCkfjPm0o">Charlie 3</a>
<iframe name="someFrame" id="someFrame" width="560" height="315"></iframe>

JavaScript/jQuery:

$(document).ready(function(){
$("a").click(function(e) {
    e.preventDefault();

    $("#someFrame").attr("src", $(this).attr("href"));
})});

问题是当用户在浏览器中单击后退按钮时，它会返回到 iframe 而不是页面，因此您需要单击几次才能返回到页面，您想知道如何修复它吗？

Answer 1

如何删除 jquery 代码并将 target="someFrame" 添加到链接标记，其中“someFrame”是 iframe 的 id，如下所示:

<a href="http://www.youtube.com/embed/Q5im0Ssyyus" target="someFrame">Charlie 1</a>
<a href="http://www.youtube.com/embed/QFCSXr6qnv4" target="someFrame">Charlie 2</a>
<a href="http://www.youtube.com/embed/eaCCkfjPm0o" target="someFrame">Charlie 3</a>
<iframe name="someFrame" id="someFrame" width="560" height="315"></iframe>