javascript - 单击后可以加载窗口吗？

Question

我有一个自定义的模态框(就像浏览器的alert())

通常，浏览器使用 alert() 暂停页面呈现和执行，

如何获得限制窗口其余部分加载的相同行为，除非在 Modal 元素中确认 OK？

那么如何

Pause window load -> Show modal -> (OK) -> continue window load

Answer 1

新编辑

为什么不删除所有页面显示弹出窗口而不是停止页面加载，然后将文档放回原处，即使用 JQuery...

var pageBody = $('body').html(); //Copies Body of Page
pageBody = $('body').html(""); //Delete the Body
/* Do Some Awesome Code here*/
$('body').html(pageBody); //Place Body Back  

这将允许页面加载、删除、执行代码然后将其放回原处。下面的其他方法将无法停止页面，将停止一切，包括您正在运行的任何其他代码。

旧答案

你可以使用

window.stop(); //works in all browsers but IE    
if ($.browser.msie) {document.execCommand("Stop");}; //works in IE, 

document.execCommand 在 IE 中有效，但它会停止一些 FF、NS 和其他一些浏览器的功能。例如显示 GIF 的动画。使用“if browser is IE”使这两个代码在所有浏览器中都能完美运行。

---

此代码将简单地暂停页面的执行。就像单击页面上的停止按钮一样，但您需要重新加载才能再次启动页面。

我个人建议简单地在弹出框后面但在弹出窗口上方放置一个全屏白色 div，以给出弹出窗口仅在那里的想法，而用户不会知道页面的其余部分已停止加载