使用javascript隐藏窗口答案

【问题标题】：Hidden window using javascript使用javascript隐藏窗口
【发布时间】：2011-07-08 00:44:56
【问题描述】：

只是想知道是否可以使用 javascript 创建隐藏窗口？

【问题讨论】：

关于这个问题，你的目标是什么？如果您想在不让用户看到任何内容的情况下向服务器发送数据，只需使用 AJAX。

【解决方案1】：

在IE 9+下可以创建离屏窗口：

var options = "left=" + (screen.width*2) + ",top=0";
var myWin = window.open(url, name, options);
// Hide the window - IE only
myWin.blur();
// Show the window - IE only
myWin.focus();

screen.width 是您的显示器宽度。使用“*2”允许用户使用双显示器。

这在 Chrome 下不起作用。

【讨论】：

【解决方案2】：

您还可以使用此解决方法创建一个仅在任务栏中可见的新窗口：

window.open(path.html,'_blank', 'toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,left=10000, top=10000, width=10, height=10, visible=none', '');

在用户不可见的位置打开窗口。这个技巧我用过很多次。

【讨论】：

我在 IE10 中试过这个，我不知道为什么它不适合我....会再试一次
尝试使用左右位置。我使用 10000 作为随机大数。你是怎么看 IE10 中的窗口的？

【解决方案3】：

你可以创建一个 iframe

var element = document.createElement("iframe"); 
element.setAttribute('id', 'myframe');
document.body.appendChild(element);

您可以通过将 iframe 的宽度和高度设置为零或在样式表中将其可见性设置为隐藏来隐藏 iframe。

【讨论】：

据我所知，实际上element.style.display = "none"; 是隐藏它的理想方式。
我在某人的博客上读到，如果我们将 display 设置为 none，iframe 可能无法正常工作，但具体在什么情况下没有提及。也许你是对的:)