javascript - HTML 窗口弹出和 iPad 的正确降级

Question

我有一个“测验”网站，其中显示测验列表，每个链接都会打开一个弹出窗口以进行可爱的小测验:

<a href="quizzes/stable-tachycardia.htm" target="_blank">Start quiz &raquo;</a>

在桌面上，我可以让用户返回测验列表:

<a onClick="window.close()" href="#">Return to quizzes</a>

这种方法存在一些问题，我想要更好的方法:

1. 如果用户到达此页面时显示 target="_blank"链接，那么“返回”链接应使用 window.close让他们回到起点
2. 如果用户代理忽略 target="_blank"像 iPad/Chrome 那么“返回”链接应该做一个正常的超链接到 quizzes/index.htm
3. 如果用户进入quizzes/stable-tachycardia.htm通过直接链接，“返回”链接应该执行普通的超链接

是否有一个涵盖每个用例的良好解决方案？

Answer 1

我将它链接到一个 JavaScript 函数，该函数检查 window.parent 是否存在。如果父窗口存在，则在父窗口中打开所需的 URL 并关闭当前窗口。如果没有父级，则只需在当前窗口中打开 URL。