让js弹出窗口居前显示的实现方法
让js弹出窗口居前显示的实现方法
发布时间:2016-12-30 来源:查字典编辑
摘要:具体步骤:方法一:弹出窗口里加上代码:onblur="self.focus()":方法二:用showModalDialog方法建立模式对话框...

具体步骤:

方法一:弹出窗口<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>打开模式窗口</button>

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

<script>

function topwin(){

window.showModelessDialog("http://www.jb51.net","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")

}

</script>

<button>打开无模式窗口</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 。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类