javascript弹出窗口多种方法汇总

发布时间:2019-09-11编辑:脚本学堂
本文介绍了javascript弹出窗口的多个方法,以及js刷新页面弹出窗口的方法,有需要的朋友参考下。

javascript弹出窗口多个方法实例汇总。

1,无提示刷新网页:
有些网页刷新时会弹出一个提示窗口,点“确定”才会刷新。
而有的页面不会提示,不弹出提示窗口,直接就刷新了.
如果页面没有form,
则不会弹出提示窗口
如果页面有form表单
a)<form  method="post" ...>
   会弹出提示窗口
b)<form  method="get" ...> 
   不会弹出 

2,javascript刷新页面的方法:
 

复制代码 代码示例:
window.location.reload();


使用window.open()弹出的弹出窗口,刷新父窗口
 

复制代码 代码示例:
window.opener.location.reload()


使用window.showdialog弹出的模式窗口
 

复制代码 代码示例:
window.dialogarguments.location.reload();

3,javascript弹出窗口代码:
window.open()方式:
window.open()支持环境: javascript1.0+/jscript1.0+/nav2+/ie3+/opera3+
基本语法:
window.open(pageurl,name,parameters)
其中:
pageurl 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)
 
例子:
 

复制代码 代码示例:
<script>
<!--
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</script>
 

脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。
上例中涉及的为常用的几个参数,除此以外还有很多其他参数,请见四。

各项参数
其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。
 

参数 | 取值范围 | 说明
| |
alwayslowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysraised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerheight | pixel value | 窗口中文档的像素高度
innerwidth | pixel value | 窗口中文档的像素宽度
location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerheight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerwidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no | 窗口大小是否可调整
screenx | pixel value | 窗口距屏幕左边界的像素长度
screeny | pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上
 

例子: 
 

复制代码 代码示例:
function showdialog(url) {
  var iwidth=300; //窗口宽度
  var iheight=200;//窗口高度
  var itop=(window.screen.height-iheight)/2;
  var ileft=(window.screen.width-iwidth)/2;
  window.open(url,"detail","scrollbars=no,toolbar=no,location=no,direction=no,resizeable=no,
width="+iwidth+" ,height="+iheight+",top="+itop+",left="+ileft);
 }
 

window.showmodaldialog方式:
基本介绍:
showmodaldialog() (ie 4+ 支持)
showmodelessdialog() (ie 5+ 支持)
window.showmodaldialog()方法用来创建一个显示html内容的模态对话框
window.showmodelessdialog()方法用来创建一个显示html内容的非模态对话框。
使用方法:
vreturnvalue = window.showmodaldialog(surl [, varguments] [,sfeatures])
vreturnvalue = window.showmodelessdialog(surl [, varguments] [,sfeatures])

参数说明:
surl--
必选参数,类型:字符串。用来指定对话框要显示的文档的url。
varguments--
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogarguments来取得传递进来的参数。
sfeatures--
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
1.dialogheight :对话框高度,不小于100px,ie4中dialogheight 和 dialogwidth 默认的单位是em,而ie5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
2.dialogwidth: 对话框宽度。
3.dialogleft: 离屏幕左的距离。
4.dialogtop: 离屏幕上的距离。
5.center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。
6.help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
7.resizable: {yes | no | 1 | 0 } [ie5+]:是否可被改变大小。默认no。
8.status: {yes | no | 1 | 0 } [ie5+]:是否显示状态栏。默认为yes[ modeless]或no[modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。
下面几个属性是用在hta中的,在一般的网页中一般不使用。
10.dialoghide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。
11.edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。