JavaScript弹出模式窗口

解决思路:
   
     一般来说,显示在最前面的窗口都是因为窗口被激活获得焦点,要使窗口永远显示在最前面,可以人为的设置窗口在blur时立刻focus,或者用模式、无模式对话框实现。
   
     具体步骤:
   
     方法一:弹出窗口<body>里加上代码:onblur="self.focus()":
   
   <body onblur="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 。

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

原文地址:https://www.cnblogs.com/swdhywhd/p/10311122.html

时间: 2024-08-01 07:05:58

JavaScript弹出模式窗口的相关文章

SharePoint 2013 showModalDialog 弹出模式窗口

1. SharePoint 弹出框 本文讲述SharePoint 2013 中使用 SP.UI.ModalDialog.showModalDialog时 showModalDialog  未定义的问题. function showDialog(title,url,width,height) { var options = { url:url, args: 7, title: title, dialogReturnValueCallback: dialogCallback }; if (width

如何居中jqGrid的弹出模式窗口

1. 看来,要做到这一点最简单的方法是改变beforeShowForm事件的内部对话的位置: var grid = $("#list"); grid.jqGrid('navGrid','#pager', {add:false,del:false,search:false,refresh:false}, { beforeShowForm: function(form) { // "editmodlist" var dlgDiv = $("#editmod&q

JavaScript弹出窗口方法

本文实例汇总了常用的JavaScript弹出窗口方法,供大家对比参考,希望能对大家有所帮助.详细方法如下: 1.无提示刷新网页: 大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点"确定"才会刷新.而有的页面不会提示,不弹出提示窗口,直接就刷新了.如果页面没有form,则不会弹出提示窗口如果页面有form表单,a)<form  method="post" ...>    会弹出提示窗口b)<form  method="get&q

【转】javascript弹出固定大小的窗口页面

来源:http://weicfprince.blog.163.com/blog/static/8441066920081010113231969/ 现在我们想弹出一个WEB窗体,让其处于屏幕的中间位置,并设置其固定大小,固定外观显示.我们可以在一个JS文件中写这样一个函数: //弹出固定大小固定位置固定外观的新窗口 function OpenWindow(url,w,h) { var left=Math.round((window.screen.availWidth-w)/2); var top

javascript弹出可以拖动的窗口代码实例

javascript弹出可以拖动的窗口代码实例: 在很多网页效果中,点击网页的某个地方能够弹出一个窗口,并且能够在屏幕中随便拖动,非常的人性化,下面就是一段能够实现此功能的代码实例,希望能够对大家带来帮助,代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.

JavaScript弹出窗口并且向父窗口输出内容代码

JavaScript弹出窗口并且向父窗口输出内容代码 <script> function openWin() { myWindow=window.open('','','width=200,height=100'); myWindow.document.write("<p>This is 'myWindow'</p>"); myWindow.focus(); myWindow.opener.document.write("<p>

JavaScript特效实例007-为弹出的窗口加入关闭按钮

实例007                        为弹出的窗口加入关闭按钮 实例说明 在弹出的窗口中加入关闭按钮,点击后弹出的窗口关闭. 技术要点 本实例主要应用window对象的close()方法实现.close()方法的语法如下. window.close() 功能:window对象的close()方法用于自动关闭浏览器窗口. 实现过程 (1)要弹出的窗口且是功能实现界面New.html. <html> <head> <meta charset="utf

JavaScript特效实例008-关闭弹出的窗口时,刷新父窗口

实例008                  关闭弹出的窗口时,刷新父窗口 实例说明 关闭弹出的窗口时,同时刷新父窗口,一般用来使父窗口获取最新的数据. 技术要点 本实例主要应用window.open()语句打开新窗口,并在新窗口中应用opener属性,该属性返回一个引用,用于指定打开本窗口的窗口对象. 语法: window.opener window.opener.方法 window.opener.属性 功能:返回的是一个窗口对象.opener属性与打开该窗口的父窗口相联系,当访问子窗口中op

帝国CMS弹出登录窗口实现方法

帝国CMS弹出登录窗口实现方法 看到好多网站都用弹出登陆窗口让用户登陆注册,其实就是用JS调用一个DIV层实现的 今天我用帝国CMS具体讲一下怎么实现这个效果: 一.打开帝国CMS后台-公共模板-JS讲用登陆模板 把附件里的调用登陆模板代码复制进去-修改 二.在你的首页加入CSS样式和JS代码 1.CSS: <style> #lggoodBox{ margin:0 auto; padding:0px; text-align:left; width:370px; height:220px; ba