javascript 打开没有菜单/url/标题栏/滚动条/任何东西的弹出窗口

Question

我必须打开一个弹出窗口，我使用以下代码：

window.onbeforeunload = function(){

var windowincass = window.open('../Common/DomandaGenerica.jsp','domandagenerica','url=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,scrolling=no,resizable=no,width=300,height=200,marginwidth=0,marginheight=0,frameborder=0');
}

windwow 会打开，但它有菜单、网址和其他内容。

我该如何解决？

例如我想要这样的东西：

http://i.imgur.com/4fi8T.png

但我得到了类似的东西：

http://www.ajaxshake.com/public/usersFiles/main/ajax-example-windows-aero-style46_user_1_a3e5a.jpg

我必须使用 IE 9。

Answer 1

如果你想要像第一张图片那样的弹出窗口，你必须使用一个具有基本以下 css 属性的 html 元素，当弹出窗口应该被触发时，它会显示出来。

CSS

position: absolute;
z-index: 9999;

不可能在所有常见浏览器中使用 Javascript 更改操作系统的样式。这就是你想要做的，如果你想隐藏标题栏、菜单等等......

也可以看看：

• How to code a JavaScript modal popup (to replace Ajax)?
• http://blog.raventools.com/create-a-modal-dialog-using-css-and-javascript/

这符合你的目的。

Answer 2

您正在寻找打开覆盖弹出窗口。为此，我建议您使用一些 JavaScript 库。

jQueryUI dialog 是一位潜在的候选人。但还有更多：

• http://www.freshdesignweb.com/jquery-javascript-popup-window.html
• http://codegeekz.com/jquery-modal-plugins/

window.open() 将打开新的浏览器实例，现在它几乎总是不受欢迎。但是，即使这样，您也可以通过传入 WindowFeatures 参数来在一定程度上控制弹出窗口的外观，如下所述（菜单栏和状态设置对您特别有帮助）：

https://developer.mozilla.org/en-US/docs/Web/API/Window.open#Position_and_size_features