javascript - 用于 iPad 的 HTML 窗口弹出和适当降级

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。