html5 父子页面传值,js操作模态窗口及父子窗口间相互传值示例

parent.hmtl

父窗口

window.onload=function(){

var btn=document.getElementById("btn");

btn.onclick=function(){

var obj={

test:"张三传到子窗口",

win:window

};

var returnValue = window.showModalDialog("child.html",obj,"dialogLeft:100px;dialogTop:100px;dialogWidth:400px;dialogHeight:300px;resizable:yes");

if(returnValue != null){

document.getElementById("content").innerHTML = returnValue;

}

};

}

child.html

子窗口

window.onload=function(){

//获取url的传参

var args = window.dialogArguments;

var win = args.win;//父窗口对象

var content=document.getElementById("content");

content.value=args.test;

var btn=document.getElementById("btn");

btn.onclick=function(){

//模态对话框将值

window.returnValue = content.value;

window.close();

}

}

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！