让js弹出窗口居前显示的实现方法

具体步骤：

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

方法二：用showModalDialog方法建立模式对话框，它的参数说明如表1.5.2所示。
<script>
   function topwin(){
   window.showModalDialog(http://www.jb1.net,"","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
   }
</script>
<button onClick="topwin()">打开模式窗口</button>

方法三：用showModelessDialog方法建立无模式对话框，它的参数跟模式对话框完全一样，可以参考表1.5.2。
<script>
   function topwin(){
   window.showModelessDialog("http://www.jb51.net","","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 。

赞 (0)

相关推荐

  • 禁止iframe页面的所有js脚本如alert及弹出窗口等

    今天做一个小软件遇到一个问题,就是在一个页面里面需要放一个iframe框架来预览网站,可是被预览的这个网站中含有很多js脚本,如弹出窗口,提示框,最可恶的是一直让设为首页和加入收藏,我想应该有办法禁止iframe里面的脚本吧,于是百度了一下,还发现不少新大陆,于是解决了这个问题,记录下来,方便以后查询,也方便大家参考: <iframe src="fillseo.html"></iframe> fillseo.html里面有个js脚本,其中有alert,还有弹出窗

  • javascript+html5+css3自定义弹出窗口效果

    javascript+html5+css3自定义弹出窗口效果

    本文实例为大家分享了js自定义弹出窗口效果展示的具体代码,供大家参考,具体内容如下 效果图: 源码: 1.demo.jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>自定义弹出窗口</title> <script type="text/javascript&qu

  • javascript之弹出窗口居中的代码

    function openWin(u, w, h) { var l = (screen.width - w) / 2; var t = (screen.height - h) / 2; var s = 'width=' + w + ', height=' + h + ', top=' + t + ', left=' + l; s += ', toolbar=no, scrollbars=no, menubar=no, location=no, resizable=no'; open(u, 'oW

  • JS弹出窗口代码大全(详细整理)

    如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 复制代码 代码如下: <html> <body http://www.jb51.net','我们','fullscreen');">; <b>www.jb51.net</b> </body> </html> 2.弹启一个被F11化后的窗口 复制代码 代码如下: <html&g

  • 关于js中alert弹出窗口文本换行问题简单详细说明

    1. 在js文件里面的弹出窗口: 复制代码 代码如下: <script type="text/javascript"> $(document).ready(function () { alert("Hello \r\n Javascript!"); alert("Hello \n Javascript!"); }); </script> 2.在.cs页面后台拼接的js弹出窗口 LiteralResult.Text = st

  • js实现弹出窗口、页面变成灰色并不可操作的例子分享

    如果你还不会,可以看看下面这个简单的例子. 复制代码 代码如下: <html><head><title>弹出一个窗口后,后面的层不可操作</title><script>function show()  //显示隐藏层和弹出层{   var hideobj=document.getElementById("hidebg");   hidebg.style.display="block";  //显示隐藏层  

  • javascript 控制弹出窗口

    前言:经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项.版权信息   .警告.欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段javascript代码即可实现.下面我就带您剖析它的奥秘.    [1.最基本的弹出窗口代码]                <SCRIPT   LANGUAGE="javascript">        

  • js 强制弹出窗口代码研究－又一款代码

    复制代码 代码如下: <script language="JavaScript"> var paypopupURL = "http://www.jb51.net"; var randkey = '13'; //bypass IE functions function setupActiveX(){ document.write(' <INPUT ID="autoHit" TYPE="TEXT" ONKEYPR

  • JavaScript弹出窗口方法汇总

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

  • js右下角弹出窗口,点击可关闭效果

    body { background:#333333;} #winpop { width:200px; height:0px; position:absolute; right:0; bottom:0; border:1px solid #999999; margin:0; padding:1px; overflow:hidden;display:none; background:#FFFFFF} #winpop .title { width:100%; height:20px; line-hei

随机推荐