javascript 实现子父窗体互相传值的简单实例

window.showModalDialog() 使用方法:

var returnValue = window.showModalDialog(url [, arguments] [,features]);

url  -- 必选参数,类型:字符串,用来指定对话框要显示的文档的URL

arguments  -- 可选参数,类型:变体,用来向对话框传递参数,传递的参数类型不限,包括数组等,对话框通过window.dialogArguments来取得传递进来的参数

features   -- 可选参数,类型:字符串,用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开

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

参数传递:

1. 要想对话框传递参数,是通过arguments来进行传递的,类型不限制,对于字符串类型,最大为4096个字符,也可以传递对象,例如:
parent.htm


代码如下:

<script>

var obj = new Object();

obj.name="justflyhigh.com";

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

</script>

modal.htm


代码如下:

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

2. 可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象,例如:

parent.htm


代码如下:

<script>
 var result =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
 alert(result);
</script>

modal.htm


代码如下:

<script>
 window.returnValue="http://www.jb51.net";
</script>

(0)

相关推荐

  • javascript 子窗体父窗体相互传值方法

    我们精简使用版本,一般情况好多cms都有一些这样的函数.dedecms中的选择相关文章也是用的这样的函数.下面给出具体的代码.父页面核心代码: 复制代码 代码如下: <script>function SelectArcListA(fname){ var posLeft = 10; var posTop = 10; window.open("content_select_list.asp?f="+fname+"&k="+form1.keyword.

  • Javascript 两个窗体之间传值实现代码

    如我们新建窗体FatherPage.htm: XML-Code: 复制代码 代码如下: <script type="text/javascript"> function OpenChildWindow() { window.open('ChildPage.htm'); } </script> <input type="text" id="txtInput" /> <input type="but

  • JavaScript实现弹出模态窗体并接受传值的方法

    本文实例讲述了JavaScript实现弹出模态窗体并接受传值的方法.分享给大家供大家参考,具体如下: function shows(zwbh){ var sUrl=window.showModalDialog('zlzx_edit.asp?xmbid=<%=Request("xmbid")%>&zlbh='+zwbh+'&typeid=<%=typeid%>','window','dialogWidth=500px;dialogHeight=24

  • .NET中利用js让子窗体向父页面传值的实现方法

    子页面C#后台代码: 复制代码 代码如下: /// <summary>        /// 将设置好的值赋给父页面        /// </summary>        /// <param name="count">需要传递的值</param>        void SetValueToParentPage(int count, string strPersons)       {           StringBuilder

  • Javascript showModalDialog两个窗体之间传值

    Javascript 两个窗体之间传值实现代码javascript中还有一个函数window.showModalDialog也可以打开一个新窗体,不过他打开的是一个模态窗口,那么如何在父窗体和子窗体之间传值呢?我们先看该函数的定义:vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) 参数说明: sURL--必选参数,类型:字符串.用来指定对话框要显示的文档的URL. vArguments--可选参数,类型

  • 子窗体与父窗体传值示例js代码

    复制代码 代码如下: //返回值给父窗体 function returnParent(value) {//获取子窗体返回值 var parent = window.dialogArguments; //获取父页面 //parent.location.reload(); //刷新父页面 if (parent != null && parent != "undefined") { window.returnValue = value; //返回值 window.close(

  • javascript 实现子父窗体互相传值的简单实例

    window.showModalDialog() 使用方法: var returnValue = window.showModalDialog(url [, arguments] [,features]); url  -- 必选参数,类型:字符串,用来指定对话框要显示的文档的URL arguments  -- 可选参数,类型:变体,用来向对话框传递参数,传递的参数类型不限,包括数组等,对话框通过window.dialogArguments来取得传递进来的参数 features   -- 可选参数

  • c# 实现子窗口关闭父窗口也关闭的简单实例

    其实是窗口间通讯的问题,在form1上打开form2 ,form2 关闭时关闭form1 实现方法: 在子窗口form2中声明事件: public delegate void childclose(); public event childclose closefather; 然后在它的关闭事件中触发本事件: private void Form2_Closed(object sender, System.EventArgs e) { //用事件去关闭主窗口 closefather(); } 在父

  • layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例

    父层: jsp中: //页面上添加一个隐藏的输入框待用于被子层设置value,从而将子层的数据传递到此页面 <input type="hidden" id="getValue" name="getValue" value="" /> js代码: //设置function,当执行时,弹出子窗口并传递当前窗口名称 //弹出子窗口(选择商家) function choseMerchant() { //获取当前窗口名称 v

  • Vue $emit $refs子父组件间方法的调用实例

    1.$emit 子组件调用父组件的方法并传递数据 注意:子组件标签中的时间也不区分大小写要用"-"隔开 子组件: <template> <button @click="emitEvent">点击我</button> </template> <script> export default { data() { return { msg: "我是子组件中的数据" } }, methods:

  • JavaScript实现页面实时显示当前时间的简单实例

    复制代码 代码如下: <html> <head> <title>JavaScript实现页面实时显示当前时间</title> </head> <body> <script language="javascript"> function showtime() { var today,hour,second,minute,year,month,date; var strDate ; today=new Da

  • C#简单实现子窗体向父窗体传值的方法

    本文实例讲述了C#简单实现子窗体向父窗体传值的方法.分享给大家供大家参考.具体如下: 击Form1的button1 打开Form2 再点击Form2的button2 在button2_Click事件中 通过this.Owner将Form2的textBox2的值设置给Form1的textBox1 并关闭Form2 public partial class Form1 : Form { public Form1() { InitializeComponent(); } private void bu

  • JavaScript 弹出子窗体并返回结果到父窗体的实现代码

    思路:用window.showModalDialog方法获取到弹出子窗体的引用,再在子页面用window.returnValue="***"来返回结果. 示例代码:(用jQuery简化实现) 父页面:parent.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional

  • C#,winform,ShowDialog,子窗体向父窗体传值

    调用showdialog方法后,调用代码被暂停执行,等到调用showdialog方法的窗体关系后再继续执行.而且窗体可以返回一个dialogresult值,他描述了窗体关闭的原因,例如OK,Cancel,yes,no等.为了让窗体返回一个dialogresult,必须设置窗体的dialogresult值,或者在窗体的一个按钮上设置dialogresult属性. 例子: 下面是子窗体代码,要求输入phone,然后会返回给父窗体. using System; using System.Collect

随机推荐