创建没有滚动条或工具栏的弹出窗口答案

【问题标题】：Creating a pop-up without a scroll bar or tool bar创建没有滚动条或工具栏的弹出窗口
【发布时间】：2012-03-07 16:50:33
【问题描述】：

如何复制 Chrome 网上应用店中显示的普通窗口，您在下载应用程序时点击添加到 Chrome？

窗口/弹出窗口没有工具栏，没有滚动条，只有最右上角的关闭按钮，没有最小化按钮。

【问题讨论】：

这不是使用window.open 创建的弹出窗口。它是一个容器，用 CSS 定位。

标签： html popup window

【解决方案1】：

我相信 Chrome Web Store 中的弹出窗口不是 HTML 或 JavaScript 生成的，而是 Chrome 浏览器本身的窗口组件。

但是，您可以使用 CSS 和 JavaScript 来构建如下内容：

<html>
  <head>
    <script type="text/javascript">
      function popup() {
        var disp = document.getElementById('floatingDiv').style.display;
        if(disp == 'block') disp = 'none';
        else disp = 'block';
        document.getElementById('floatingDiv').style.display = disp;
      }
    </script>
    <style type="text/css">
      #floatingDiv {
        display: none;
        position: absolute;
        top: 100px;
        left: 100px;
       }
    </style>
  </head>

  <body>
    <a href="javascript:popup()">Hello World!</a>
    <div id="floatingDiv" style="background: #dddddd; width: 320px; height: 240px;">
      I am a floating div!
    </div>
  </body>
</html>

当然，您可以完全控制浮动 div 的显示。

【讨论】：

非常感谢，非常感谢。