Question

///这是一个在javascript中显示弹出窗口的代码。如何阻止用户返回父窗口，直到他关闭弹出窗口？

<script type="text/javascript">
 <!--
  var stile = "top=10, left=10, width=600, height=800 status=no, menubar=no, toolbar=no scrollbar=no";
     function Popup(apri) {
        window.open(apri, "", stile);
     }
 //-->
</script>
<a href="javascript:Popup('YOURPAGE.html')">show popup</a>

Answer 1

在不是弹出窗口的现代浏览器中，它是在浏览器中打开的新选项卡。检查jquery或其他JavaScript库以创建正确的模态弹出窗口。这就是你要找的东西。

查看http://jqueryui.com/demos/dialog/#modal

有很多这样的开箱即用的解决方案......

Answer 2

window.open()将打开一个新的浏览器窗口或标签，这两个窗口或标签都不会阻止用户返回父窗口。这种类型的窗口称为modal window，是一种常见的UI范例。

我建议用Google搜索javascript modal或javascript overlay，你会得到很多结果来解释这样做的方法。这需要一些工作，但这是学习现代JavaScript技术的一个很好的教训。

根据您的需要，您可能需要查看一个javascript库来解决此问题，或者您可以手动编写javascript和CSS。

在子窗口打开时阻止在父浏览器窗口中导航

2 个答案: