如何初始化没有标题栏的对话框？

任务是初始化一个没有标题栏的对话框。在本文中，我们将看到如何初始化没有任何标题栏的对话框。

对话框用于以特定方式在 HTML 页面上提供信息。它创建一个不受页面内容影响的小窗口。如果您想更改其大小、颜色或任何其他内容，则只需编辑一些代码，如果您想关闭该对话框，则只需单击右侧的“X”按钮的对话框。

对话框用于提供有关该主题的更多信息。当我们在您的 Web 应用程序中使用这种小部件时，它看起来很系统。

方法：

• 创建一个 HTML 页面并导入 jQuery 库。
• 下一步是使用 dialog 和 click() 方法在我们单击按钮时创建一个对话框。
• 在最后一步中，您只需要使用 hide() 方法来隐藏对话框小部件的标题栏。

例子：

HTML

   
  
  
  
  
  
  
     button 
     {
       background-color: #4CAF50; /* Green */
       border: none;
       color: white;
       padding: 15px 32px;
       text-align: center;
       text-decoration: none;
       display: inline-block;
       font-size: 16px;
    }
    body{
        text-align:center;    
    }
   


    GeeksforGeeks
   
    open the dialog
    
       I'm a dialog
    
   
     
          $( "#dialog" ).dialog({ autoOpen: false });
          $( "#opener" ).click(function() {
             $( "#dialog" ).dialog( "open" );
             $(".ui-dialog-titlebar").hide();
          });
     

输出：