Question

我正在尝试从某些页面启动弹出窗口。我希望用户只在以下时间看到弹出窗口：

a）他们关闭浏览器标签 b）他们点击浏览器的后退按钮 c）他们转到购买路径中下一步以外的页面 - 基本上，当他们转到任何不包含字符串的URL时“/ checkout /".

我已经看过加载body onUnload的弹出式示例，这有点太全局了。我只想要一个弹出窗口 - 一个真正的实际弹出窗口 - 如果他们试图离开结账路径就会启动。

我已经看过StackOverflow上的几个问题，但它们似乎都没有回答我的问题。这个答案https://stackoverflow.com/a/3753963/1634459中提到的onBeforeUnload可能有用......可能......但我不完全确定如何使用上面列出的条件来实现它。

...帮助？

这是我想要使用的弹出窗口代码：

<script language="javascript" type="text/javascript">
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="center"){LeftPosition=(screen.availWidth)?(screen.availWidth-w)/2:50;TopPosition=(screen.availHeight)?(screen.availHeight-h)/2:50;}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
win=window.open(mypage,myname,settings);
if(win.focus){win.focus();}}
function CloseNewWin(){if(win!=null && win.open)win.close()}
window.onfocus=CloseNewWin;
</script>

Answer 1

你走了;我在之前的工作中为营销团队写了这篇文章。你应该能够很容易地适应它;只需根据需要更新URL和参数。

当用户离开页面时，此代码将打开一个弹出窗口，除非他们通过提交结帐表单离开。（如果页面上有多个表单，您不应该在结帐流程中，那么您也需要修复它。）

var nag = function () {

    return {
        // assume the user is going to leave, get ready to pounce!
        doWant: true,

        // FALCON PUNCH
        deploy: function () {
            if (nag.doWant) {

                var width = 449;
                var height = 298;

                args = "width=" + width + ",";
                args += "height=" + height + ",";
                args += "location=0" + ","
                args += "menubar=0" + ","
                args += "resizable=1" + ","
                args += "scrollbars=0" + ","
                args += "status=0" + ","
                args += "titlebar=0" + ","
                args += "toolbar=0" + ","
                args += "hotkeys=0"

                var demo_window = window.open("YOUR_URL", "main", args);

                try {
                    demo_window.focus();
                } catch (err3) { };
            }
        },

        // oh, off to step 2? that's cool. carry on.
        ignore: function () {
            nag.doWant = false;
        }
    }
} ();

window.onunload = nag.deploy;
document.forms[0].onsubmit = nag.ignore;

如果您希望能够阻止用户离开页面，我可以帮助您完成更新。

如何在标签关闭或输入新地址时启动弹出窗口？

1 个答案: