js模式化窗口问题![window.dialogArguments]

JS模式化窗口通常指的是使用JavaScript实现弹出窗口的功能，在一些Web应用中非常常见。然而，这种实现方式会遇到一些问题，比如无法正常使用window.dialogArguments对象。

问题描述

前提：这里假设我们在页面A中打开了一个模态弹出窗口B。

通常情况下，在页面B中可以通过访问window.dialogArguments对象来获取从页面A传递过来的参数。例如，在页面A中弹出窗口B的代码可能如下：

var result = window.showModalDialog("B.html", { name: "John", age: 30 });

在页面B中可以使用如下代码进行参数的获取：

var args = window.dialogArguments;

如果页面A和B处于同一域名下，则以上代码可以正常工作。然而，如果在IE浏览器下，页面A和页面B处于不同的域名下，则会出现无法获取window.dialogArguments的情况。

解决方案

为了解决上述问题，我们需要使用一些特殊的技术手段。

方案一：使用窗口通信技术

通常我们可以使用window.postMessage()方法来实现页面之间的通信。我们可以在页面A和页面B之间互相传递数据，在页面B中获取到页面A传递过来的参数。代码示例如下：

在页面A中：

var result = window.open("B.html");
result.postMessage({ name: "John", age: 30 }, "*");

在页面B中：

window.addEventListener("message", function(event) {
  var args = event.data;
});

方案二：使用cookie来传递参数

我们可以将参数存储到cookie中，在页面B加载时从cookie中获取参数。注意，由于cookie有同源策略的限制，因此需要保证页面A和页面B处于同一域名下，或者使用跨域cookie技术。

在页面A中：

document.cookie = "name=John";
document.cookie = "age=30";
var result = window.open("B.html");

在页面B中：

var cookies = document.cookie.split(';');
var args = {};
for (var i = 0; i < cookies.length; i++) {
  var parts = cookies[i].split('=');
  args[parts[0].trim()] = parts[1].trim();
}

结论

以上两种方案都可以解决JS模式化窗口中无法获取window.dialogArguments的问题。其中，第一种方案使用了窗口通信技术，第二种方案使用了cookie传递参数。两种方案的适用场景各有不同，开发者可以根据具体情况进行选择。