showModalDialog和window.open的详细使用

一、showModalDialog/showModelessDialog


 

弹出一个显示HTML页面的 模态/非模态 对话框。

使用方法: 

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

参数说明:
  sURL:必选参数,类型:字符串。
    用来指定模式对话框的连接地址。

  vArguments:可选参数,类型:变体(类型不限,对于字符串类型,最大为4096个字符,包括数组、对象)。
    向对话框传递的参数。对话框通过window.dialogArguments来取得传递进来的参数。

  例如:
  parent.htm(父页面)

var obj = new Object();
obj.name="51js";           
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");


  modal.htm(对话框子页面)

var obj = window.dialogArguments           
alert("您传递的参数为:" + obj.name)

 

  vReturnValue:可不写,类型:变体。
    接收对话框返回的数据,通过window.returnValue向打开对话框的父页面返回信息。

  例如:

  parent.htm(父页面)

var returnVal = window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");


  modal.htm(对话框子页面)

window.returnValue="xxx"; 

 

  sFeatures:可选参数,类型:字符串。
    用来描述对话框的外观等信息,可以使用以下的一个或几个,参数格式: 属性:值,各属性之间用分号“;”隔开。
    其中yes/no也可使用1/0;pixel value为具体的像素数值。

 
 dialogHeight:pixel value  对话框高度,不小于100px
 dialogWidth:pixel value  对话框宽度。
 dialogLeft:pixel value  离屏幕左的距离。
 dialogTop:pixel value  离屏幕上的距离。
 center:yes/no  是否居中,默认yes,但仍可以指定高度和宽度。
 help:yes/no  是否显示帮助按钮,默认yes。
 resizable:yes/no  是否可被改变大小。默认no。
 status:yes/no  是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
 scroll:yes/no | on/off  是否显示滚动条。默认为yes。
 minimize:yes/no  指定对话框是否显示最小化按钮,默认no不显示
 maximize:yes/no  指定对话框是否显示最大化按钮,默认no不显示


      下面几个属性是用在HTA中的,在一般的网页中一般不使用。

 dialogHide:yes/no | on/off  在打印或者打印预览时对话框是否隐藏。默认为no。
 edge:sunken/raised  指明对话框的边框样式。默认为raised。
 unadorned:yes/no | on/off  指定对话框窗口是否显示边框的窗口浏览器,此功能只有当一个对话框是从信任的应用程序打开。默认是no。

 

 

二、open


 

创建一个新的窗口实例(弹出一个新窗口),页面效果相当于showModelessDialog。

使用方法:

window.open([url][,name][,features][,replace])

参数说明:
  url:可选参数,类型:字符串。
    用来指定子窗口的连接地址。如果省略该参数,或者参数为空字符串,新窗口不会显示文档。

  name:可选参数,类型:字符串。
    弹出窗口的名称(不是文件名),如果不写,可用空''代替。
    相同name的窗口只能创建一个,要想创建多个窗口则name不能相同。
    name 不能包含有空格。

  features:可选参数,类型:字符串。
    用来描述窗口的外观等信息,可以使用以下的一个或几个,参数格式: 属性=值,各属性之间用逗号“,”隔开。
    其中yes/no也可使用1/0;pixel value为具体的像素数值。

 height=pixel value  窗口高度。
 width=pixel value  窗口宽度。
 location=yes/no  地址栏是否可见。
 menubar= yes/no  菜单栏是否可见。
 toolbar=yes/no  工具栏是否可见。
 scrollbars=yes/no  是否有滚动条。
 titlebar=yes/no  题目栏是否可见。
 resizable=yes/no  窗口大小是否可调整。
 screenX=pixel value  以象素为单位定义窗口的X坐标。
 screenY=pixel value  以象素为单位定义窗口的Y坐标。
 innerHeight=pixel value  窗口中文档的像素高度。
 innerWidth=pixel value  窗口中文档的像素宽度。
 outerHeight=pixel value  窗口(包括装饰边框)的像素高度
 outerWidth=pixel value  窗口(包括装饰边框)的像素宽度
 alwaysLowered=yes/no  窗口是否隐藏在其他窗口之后
 alwaysRaised=yes/no  窗口是否悬浮在其他窗口之上
 z-look=yes/no  窗口被激活后是否悬浮在其它窗口之上
 depended=yes/no  是否和父窗口同时关闭
 directories=yes/no  Nav2和3的目录栏是否可见
 hotkeys=yes/no  在没菜单栏的窗口中设安全退出热键

 

  replace:可选参数,类型:布尔
    设置新窗口中的操作历史的保存方式。true:创建新历史记录; false:替换旧的历史记录

  例如:

window.open ('page.html', '_blank',
'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no', true);

 

 

转载于:https://www.cnblogs.com/lishaofei/archive/2013/04/12/3017027.html

上一篇:android – 当我设置最小高度时,我使用的是哪些单位?


下一篇:关于CSS3实现响应式布局的一些概念和术语