禁用主浏览器，使用window.open显示弹出窗口并执行一些操作

Question

我正在使用ajax为我的网站提供一些功能，在成功功能中我写了一些代码：

success: function(html) {
     window.open("http://localhost/demo/index.php",'name','height=243,width=800');
}

我遇到了一些问题：

1. 此页面（弹出窗口）无法加载css
2. 我可以停用主浏览器
3. 我想在弹出窗口关闭后重定向主窗口

我该怎么做？

P / S：如果我不能这样做，如何在调用成功函数时显示弹出窗口？

Answer 1

<强> 1。此页面（弹出窗口）无法加载css 您的样式网址可能存在一些问题。在浏览器控制台中查看它们。

<强> 2。我可以禁用主浏览器 您无法禁用主浏览器，但根据我的理解，您正在尝试阻止页面元素。所以block UI可以提供帮助。使用块UI来阻止您的页面内容，当您重定向主页时，它将自动删除。

第3。我想在弹出窗口关闭后重定向主窗口

当窗口关闭时，您需要将自定义重定向方法绑定到窗口，然后重定向主页面。

success: function (html) {
    myWindow = window.open("http://localhost/demo/index.php", 'name', 'height=243,width=800');
    myWindow.onbeforeunload = function () {
            return RedirectPage();
}
function RedirectPage() {
    window.location.location.href = "http://www.yoursite.com"; 
}

Answer 2

您可以使用以下方式重定向主窗口：

window.parent.location.href = "http://www.site.com"; 

关于弹出窗口没有加载css，可能是弹出页面html中不正确的CSS包含URL的问题。