模态窗口 - showModalDialog打开窗口中获取父窗口js方法
2016-02-01 09:54
741 查看
1.父窗口操作子窗口
父窗口JS代码:
2.模态窗口操作父窗口
刷新:
取值:
调用父窗口JS方法:
赋值:
关闭本窗口:
关闭父窗口:
父窗口JS代码:
var parValue="现在显示了父窗口中的变量值"; var hao="郝建卫"; function ShowDailog(PageHref,Title,Height,Width) { //--------------left位置 //screen.availHeight声明了显示浏览器的屏幕的可用宽度 var dleft =(screen.availHeight-Height)/2; //--------------top位置 var dtop =(screen.availWidth-Width)/2; //--------------- Var sRet = window.showModalDialog(PageHref,window,Title,"scrollbars=yes;resizable=no;help=no;status=no;center=yes;dialogTop=25;dialogLeft="+ dleft +";dialogTop="+ dtop +";dialogHeight="+Height+"px;dialogWidth="+Width+"px;"); //--------return if (sRet =="refresh")//这种是利用返回值来刷新父页面 { window.Test="true"; window.location.reload(); alert(window.Test); } }
function test() { alert("模态窗口成功调用父窗口的方法"); }
2.模态窗口操作父窗口
var parentWin=window.dialogArguments;
刷新:
parentWin.location.reload();
取值:
alert(parentWin.document.getElementById("ShowModalDialogDiv").innerHTML) //获取父窗口中的对象 alert("我是从父窗口中得到的变量>>>"+parentWin.parValue); //获取父窗口中的变量
调用父窗口JS方法:
parentWin.test(); //调用父窗口中的方法
赋值:
parentWin.document.getElementById("ShowModalDialogDiv").innerHTML="我是从子窗口ShowModalDialog传过来的值";
关闭本窗口:
//关闭本窗口 function CloseWindow() { window.parent.close(); }
关闭父窗口:
//关闭父窗口 function CloseModal() { var IsIE = (navigator.appName == 'Microsoft Internet Explorer') if(IsIE){//如果是IE window.parent.parent.close(); //parentWin.opener=null;如果把上面的换成这行,不能关闭父窗口, parentWin.close(); //window.parent.parent.parent.parent.close();这个只能关闭模态窗口本身目前只在IE6下测试 }else{ alert("火狐不能直接关闭;需要以下设置1.开firefox,在地址栏输入about:config;2.找到dom.allow_scripts_to_close_windows这项并改为true"); } }
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式
- 数组方法汇总