父页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="../../js/2.js"></script>
</head>
<body>
<iframe src="28.html">sss</iframe>
<script>
document.write(b);
</script>
</body>
</html>
父js文件
var b = 80;
子页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="../../js/1.js"></script>
</head>
<body>
<script>
document.write(a);
</script>
</body>
</html>
子js文件
var a =window.parent.b;
注意：需要将文件部署到服务器中，否则在本地文件系统中报不同域的错误。
结论:
父子之间的数据传输，靠的就是window这个对象，在外部js中，我声明的变量是全局变量，全局变量是window对象的变量，能通过window对象访问到，如果是在函数里的局部变量，只能通过方法访问了。
时间： 2024-08-11 14:52:30