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

Question

我有一个包含多个 youtube 链接的页面，此链接在 iframe 上工作，因此当用户单击此链接时，它会嵌入 youtube 视频并使用 html 和 jquery 在 iframe 中播放，使其如下所示：

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>