JavaScript 模式化窗口使用方法

最新推荐文章于 2021-02-12 17:17:10 发布

weixin_30379531

最新推荐文章于 2021-02-12 17:17:10 发布

阅读量78

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/live365wang/archive/2011/06/11/2078158.html

本文介绍了通过子窗口设置父窗口HTML元素值的两种方法：一是利用window.dialogArguments直接修改父窗口元素值；二是通过window.returnValue返回值由父窗口接收并进行设置。

  
两种设置父窗口中html元素值的方法
1.
a.html
      //obj为父窗口中元素的事件所传的值，如子窗口中需要的话，
       function showMedias(obj) {
		var o1 = document.getElementById(obj.name + "_id");
		var oo = new Array(o1, obj);
               //此处数组是为了说明子窗口可以接收任何父窗口所传的对象
		window.showModalDialog('findMediaPageUseModalDialog.do', oo,
				'dialogWidth:500px; dialogHeight:400px;');
	}

b.html
      //此处为子窗口中事件方法
       function selectMedia(obj1, obj2) {
		var myObj = window.dialogArguments;  //获取父窗口所传来的值.
		myObj[1].value = obj1;  //可直接设置父窗口中的元素值
		myObj[0].value = obj2;
		window.close();
	}

2.

a.html
      //obj为父窗口中元素的事件所传的值，如父窗口中需要的话，
       function showMedias(obj) {
                //此处v表示子窗口所返回的值
		var v = window.showModalDialog('findMediaPageUseModalDialog.do',null,
				'dialogWidth:500px; dialogHeight:400px;');
                var o1 = document.getElementById(obj.name + "_id");
		var o2 = obj;
		o1.value=v[1];
		o2.value=v[0];
	}

b.html
      //此处为子窗口中事件方法
       function selectMedia(obj1, obj2) {
		var myObj = window.dialogArguments;  //获取父窗口所传来的值.
                var v=new Array(obj1,obj2);
		window.returnValue = v;  //将子窗口返回给父窗口的值
		window.close();
	}

转载于:https://www.cnblogs.com/live365wang/archive/2011/06/11/2078158.html