JavaScript弹出模式窗口

最新推荐文章于 2024-07-22 14:46:45 发布

为什么没有人加

最新推荐文章于 2024-07-22 14:46:45 发布

阅读量2.7k

点赞数

本文链接：https://blog.csdn.net/hffyyff/article/details/83745199

版权

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

                解决思路：

   　　一般来说，显示在最前面的窗口都是因为窗口被激活获得焦点，要使窗口永远显示在最前面，可以人为的设置窗口在blur时立刻focus，或者用模式、无模式对话框实现。

   　　具体步骤：

   　　方法一：弹出窗口<body>里加上代码：οnblur="self.focus()"：

   <body οnblur="self.focus()">

   　　方法二：用showModalDialog方法建立模式对话框，它的参数说明如表1.5.2所示。

   <script>
   function topwin(){
   window.showModalDialog("http://www.thugx.com","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
   }
   </script>
   <button onClick="topwin()">打开模式窗口</button>

   　　方法三：用showModelessDialog方法建立无模式对话框，它的参数跟模式对话框完全一样，可以参考表1.5.2。

   <script>
   function topwin(){
   window.showModelessDialog("http://www.thugx.com","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
   }
   </script>
   <button onClick="topwin()">打开无模式窗口</button>

   　　注意：模式对话框会始终保持焦点。除非关闭对话框，否则无法切换窗口。无模式对话框不会始终保持焦点，但始终保持显示在最前端。

   特别说明

   本例主要是模式对话框和无模式对话框的应用，必须注意两种对话框的异同。

   表1.5.2 showModalDialog方法的参数列表
   参数取值说明
   sURL必选项。字符串(String)。指定要载入和显示的 URL。
   vArguments可选项。字符串(String)。指定供显示文档时使用的变量。利用这个参数可以传递任何类型的值，包括包含多个值得的数组。对话框可以通过调用程序从 window 对象的 dialogArguments 属性提取这些值。
   sFeatures可选项。字符串(String)。指定对话框的窗口装饰。使用下面的值。多个之间用分号隔开。
   dialogHeight : sHeight设置对话框的高度
   dialogLeft : sXPos设置对话框左上角相对于桌面的横坐标。
   dialogTop : sYPos设置对话框左上角相对于桌面的纵坐标。
   dialogWidth : sWidth设置对话框的宽度。
   center : yes | no | 1 | 0 | on | off指定对话框是否显示于桌面正中。默认值为 yes 。
   dialogHide : yes | no| 1 | 0 | on | off指定当打印或打印预览时对话框是否隐藏。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no 。
   edge : sunken | raised指定对话框窗口边框样式为凹下还是凸起的。默认值为 raised 。
   help : yes | no | 1 | 0 | on | off指定对话框是否显示上下文相关的帮助图标。默认值为 yes 。
   resizable : yes | no | 1 | 0 | on | off指定对话框是否可以被用户改变尺寸。默认值为 no 。
   scroll : yes | no | 1 | 0 | on | off指定对话框是否显示滚动条。默认值为 yes 。
   status : yes | no | 1 | 0 | on | off指定对话框是否显示状态条。对于不被信任的对话框默认值为 yes 。对于被信任的对话框默认值为 no 。
   unadorned : yes | no | 1 | 0 | on | off指定对话框是否显示 chrome 样式边框。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no 。