window.dialogArguments与window.showModalDialog用法

window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。

window.showModalDialog(sURL  [,  vArguments]  [,  sFeatures])

参数说明：
  sURL
  必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
  vArguments
  可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
  sFeatures
  可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
    dialogHeight  对话框高度，不小于１００px，ＩＥ４中dialogHeight  和  dialogWidth  默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。
  　　dialogWidth:  对话框宽度。
  　　dialogLeft:  距离桌面左的距离。
  　　dialogTop:  离桌面上的距离。
  　　center:  {yes  |  no  |  1  |  0  }：窗口是否居中，默认yes，但仍可以指定高度和宽度。
  　　help:  {yes  |  no  |  1  |  0  }：是否显示帮助按钮，默认yes。
  　　resizable:  {yes  |  no  |  1  |  0  }  ［ＩＥ５＋］：是否可被改变大小。默认no。
  　　status:  {yes  |  no  |  1  |  0  }  ［IE5+］：是否显示状态栏。默认为yes[  Modeless]或no[Modal]。

    scroll:{  yes  |  no  |  1  |  0  |  on  |  off  }：指明对话框是否显示滚动条。默认为yes。

 传入参数：

  要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：

<script type="text/javascript">
var obj={};
var winFeatures = "dialogHeight:350px;dialogWidth: 600px; dialogLeft:300px;";
var srcFile="NewFile1.html";
window.showModalDialog(srcFile, obj, winFeatures);
</script>

window.dialogArguments 是对话框用来获取传入的参数，例如：

  <script>
    var  a  =  window.dialogArguments
    alert("您传递的参数为："  +  a)
  </script>

另外，可以通过如下方式获取从对话框返回的结果，

NewFile1.html页面：

<script type="text/javascript">
function test(){
	var hzTest =document.fom['hzTest'].value;
	//取得父窗口传过来input的对象       
	var myObj = window.dialogArguments; 
	myObj.hzTest=hzTest;
	window.close();
}
</script>
<form name="fom" action="" method="post" target="contFrame">
	<textarea  type ="text" name ="hzTest" cols="30"></textarea>
	<input type="button"  value="确认" οnclick="test()">
</form>

主页面：

<script type="text/javascript">
var obj={};
var winFeatures = "dialogHeight:350px;dialogWidth: 600px; dialogLeft:300px;";
var srcFile="NewFile1.html";
window.showModalDialog(srcFile, obj, winFeatures);
console.log(obj.hzTest);//主页面可以获取到hzTest的值
</script>

今天的文章window.dialogArguments与window.showModalDialog用法分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。