Question

我正在尝试在Web应用程序中实现弹出窗口，我发现以下资源非常有用

http://www.scriptfx.com/windows/plain/simple.htm#7

enter image description here

但此处显示的所有示例都有以下

菜单栏/工具栏和地址位置。在我的HTML中，我正在调用高图来绘制数据点。

html的结构

<html>
<body>
adding high chart plot by using div id. 
<script>
script for plotting plot using high chart
</script>
</body>

我真的不需要html。我可以在弹出窗口中执行相同的操作。如何生成一个没有这些条形图的弹出窗口，即一个普通的html，可以选择在单击按钮或交叉时关闭窗口。

Answer 1

您根本无法在HTML中设置窗口属性。你可以用HTML来创建弹出窗口就是使用target="_blank"属性，但它只建议在新的浏览上下文中打开一个链接，这可能是一个新窗口，但现在它更常见一个新标签。

您所指的是JavaScript代码，而不是HTML。有很多资源，包括SO问题和答案，关于打开窗口的方式，以及不这样做的原因以及使用更高级的方法，如模态对话。

Answer 2

您无法更改浏览器弹出窗口的设计，您只需要弹出一个简单的html代码，这样就可以使用javascript构建很多易于使用的自定义模式（弹出窗口）。

尝试其中一种（只需简单搜索jquery modal window，你会发现很多）

修改

您可以通过这种方式显示对话框（jQuery UI）

    <div id="popup" title="Basic dialog" style="display:none;">
        <p>This is the default dialog which is useful for displaying information.</p>
    </div> 

    <!-- button to show -->
    <a href="javascript::void()" class="showModal">Click to Show</a>

的javascript

    $(document).ready(function(){
    // show dialog on click
     $('.showModal').click(function(){
          $('#popup').dialog({width: 600,height: 600});
      });
    });

如何在HTML中实现没有状态栏和地址栏的弹出窗口？

2 个答案:

修改