父页面与子页面之间调用时通过JS传值

父页面与子页面之间调用时通过JS传值

之所以查找的这篇文章 是因为自己当时的思路是走不通的。。。

page1 里面 有一个button

<input type="button"  class="button" οnclick="doMassRejection()" name="MassRejection">

在原来逻辑里面 MassRejection 是要去更新数据库的，并且参数比较多。

click button 后需要弹出来一个新页面page2

 这个页面只有一个参数 只有当这个页面点击OK button时 才可以把参数存入数据库 并且再执行MassRejection 里面的逻辑。

想法1： 把 page1 MassRejection action后的 formBean 传到page2 ，在page2 里面点OK 时 再把这formBean 继续传到后台再执行

但是因为formBean 字段不是只有string int 类型的 ，还有list collection 之类的 没法同步在下一个action里面的

所以想法1   就这么over了 

下面看 想法2 （同事给的方法，也Google了 。。）

在一个页面的JS方法里调用另外一个页面，之后将新页面得到的值传回调用页面的问题，采用以下方式实现，具体实现：

父页面a.html：

<script>

 

     function  getLink(){

 

      window.open("b.html","newindow","width=100,height=200,toolbar=no,scrollbars=no");

}

 

function  getNewLinkValue(value){

  alert(value);//可以得到子页面设的值

//这个是已经能得到page2 的属性值了  ，这时候需要把数据放在formBean里面  方便传入action 

// document.massreject.rejectReason.value=value;

然后把之前MassRejection 的逻辑写在这里面

}

</script>

<input  type="button"  value="测试子页面调用"  οnclick="getLink();"/>

子页面b.html:

<script>

 var wholeValue;

     function  setNewLinkValue(){

        //之前有一个JS方法构造了wholeValue的值

        window.opener.getNewLinkValue(wholeValue)；//设置传递给父页面的值

 

      }

</script>

小结：

window.open(url, name, features, replace) ；实现打开一个新窗口

其中：url指的是指向要在新窗口中显示的文档的URL；name该参数用于设置新窗口的名称，但是相同name的窗口只能创建一个，要想创建多个窗口则name不能相同；features用于设置新窗口的设置（如：显示宽高等信息）；replace 指可选布尔参数，设置新窗口中的操作历史的保存方式，其中true 指创建新历史记录，false指替换旧的历史记录。
而window.opener只是对弹出窗口的母窗口的一个引用，指调用window.open方法的窗口；可以利用window.opener.location.reload()；实现刷新父页面的功能；

在此也了解了window.opener与window.parent的区别：

window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。（通常在使用ifream调用或者location.href调用时可以使用此）

window.opener引用的是window.open打开的页面的父页面，当一个窗口用open方法打开了一个新窗口的时候,opener属性就生效；

在我们项目里面 url 和action都是配置在配置文件xml里面的 

var newWindow;

newWindow=window.open("<%=SystemConstant.URL_PREFIX%>/com.ebao.jewel.gs.pol.prdt.master.ctrl.MassRejectionAction?<url:requestTokenParam/>&sActionType="+sActionType);    

newWindow.focus();

我打开窗口是用的这种方法。。

转载于:https://my.oschina.net/ruibo/blog/201428