js弹框带传值父窗口给子框_js实现父页面弹出子页面,子页面传值给父页面

1:弹窗式,通过使用window.showModalDialog(),(点击父页面上的链接弹出子窗口,在子窗口中点击确定传值到父页面);

父页面parent.html,html代码:

function show() {

var a=window.showModalDialog('child.html',"_blank",'dialogWidth:480px;dialogHeight:460px;center:yes;resizable:no;scroll:no');

document.dForm.p.value=a;

}

ShowModelDialog

子窗口child.html,html代码:

2:新页面式,通过使用window.open(),( 点击父页面按钮跳转到新页面,也就是子页面,点击子页面的链接将值传递回父页面中);

父页面parent.html,html代码:

parent

function method(){

window.open("child.html");

}

子页面child.html,html代码:

child

function getValue(str){

window.opener.document.getElementById("text1").value=str;

window.close();

}

11

22

33

44


版权声明:本文为weixin_39745013原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。