JavaScript父、子页面间互传值

来源：互联网发布：vue.js中自定义指令编辑：程序博客网时间：2024/05/22 17:27

页面A

---------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

function getage() {

var name = document.getElementById("Text1").value;

if (name!="") {

//window.open("B.htm?name=" + name, "", "width=400,height=400,top=230,left=500");

var age = window.showModalDialog("B.htm?name=" + name, null, "dialogWidth=300px;dialogHeight=300px;status=no;help=no;scrollbars=no");

}

document.getElementById("Text2").value = age;

//document.getElementById("Text2").innerHTML = age;

}

</script>

</head>

<body>

</body>

</html>

------------------------------------------------------

页面B

------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

var age = new Array();

age["张三"] = "18";

age["李四"] = "22";

age["王五"] = "12";

function gethref() {

var h = window.location.href;//获取url地址

var strs = h.split('?');//获取参数串

var name = strs[1].split('=');//获取姓名

document.getElementById("name").innerText = name[1];

document.getElementById("age").innerText = age[name[1]];

// alert(strs[1]);

// alert(age[name[1]]);

}

function returnage() {

var age = document.getElementById("age").innerText;

parent.window.returnValue = age;

window.close();

}

</script>

</head>

<p>

</body>

</html>