javascript - 如何在新 URL 中弹出一个窗口，同时隐藏当前窗口并防止点击(可能使用 jQuery)

Question

我通常习惯于“window.open”打开一个弹出窗口到一个新的URL。如何在新 URL 中打开一个窗口，使当前窗口变暗/变灰，并在关闭时移除阴影背景。

最好使用 jQuery 来执行此操作吗？我可以在不使用 jquery 插件的情况下使用默认库吗？

我想做这样的事情，然后在卸载时“禁用”我的影子。希望使用核心 jQuery 库或标准 javascript 调用。我想避免使用 jQuery 以外的任何插件。

var popup = window.open('http://google.com', 'popup');
showShadow();
$(window).unload(function() {
    if(!popup.closed) {
        disableShadow();
    }
});

Answer 1

基本上，您可以打开弹出窗口并将该窗口设置为 beforeunload。简而言之，是这样的:

popup = window.open("", "name", "width=400, height=300")
popup.onbeforeunload = function() { $('#shadow').hide();}

我为你创建了一个 fiddle 。

http://jsfiddle.net/DDksS/