打开新窗口的几个方法

1.超链接,省略。。呵呵

2. window.open()
  打开一个普通窗口, 可用参数控制组件的显示/隐藏, 在标签式浏览器如IE.7中组件控制 不起作用, 返回值就是打开的这个窗口对象. 详见上一篇博客。

3. window.showModalDialog()
  打开一个模态对话框, 必须先关闭它, 才能操作它的父窗口. 父窗口可以给子传递参数 ,子窗口也可以给父传递返回值。

4. window.showModelessDialog()
  打开一个非模态对话框, 它的存在依赖于打开它的父窗口, 如果父窗口关闭, 此窗口也被关闭.


********************************************************************
重点解释一下第三个:模态窗口
//在父窗口中有如下函数
function openNewWin(){
    var srcFile = "sub-page.html?parameter=process";  //要打开的子窗口的URL,后面可以带参数
     var winFeatures = "dialogHeight:330px;dialogWidth:320px;edge:sunken;scroll:no;status:no;help:no";  //窗口参数
     window.showModalDialog(srcFile, document, winFeatures);  //把document对象传递给子窗口,这样父窗口的所有元素都可以得到了,帅呆了!当然也可传递其他某一个元素对象,不要传递这么大的对象 :)
}

//在子窗口中有如下函数
function setFatherWin(){
    var bnkName = document.getElementById("bnkName").value;
    var fatherDoc = [b]window.dialogArguments[/b];  //  :) 得到父窗口的document对象,因为在父窗口中传递的是document对象,所有在这可以对父窗口为所欲为啦!
    fatherDoc.getElementById("bank_name").value = bnkName;  //改变父窗口元素的值
    window.close(); //关闭子窗口
}


使用方法:
  vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
  vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明:
  sURL--
  必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
  vArguments--
  可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。一般传递document对象,这样整个父窗口的所有元素都可以在子窗口中得到(如以上函数openNewWin())。
  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。

你可能感兴趣的:(浏览器,IE)