更新时间:2022-09-05 17:14:16
<button id="but"/>
<html>
<head>
<script type="text/javascript">
function open_win()
{
window.open("http://www.baidul.com","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400")
}
</script>
</head>
<body>
<form>
<input type="button" value="打开窗口" onclick="open_win()">
</form>
</body>
</html>
//window.open()所在页面是zqz_1.html,
var w=window.open('zqz_2.html');
//打开新的窗口zqz_2.html
w.open().opener===w
//即opener所指的是zqz_1.html
parent==self //只有***窗口还会返回true
var zqz_2=document.getElementById('zqz_2');
var zqz_2=document.getElementById('zqz_2').contentWindow;
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>ZQZ</title>
<style>
</style>
</head>
<body>
<iframe src="ZQZ_1.html" name="A" width="200px" height="300px"></iframe>
<iframe src="ZQZ_2.html" name="B" width="200px" height="300px"></iframe>
</body>
<script>
//父调用子
window.onload=function(){
frames.B.a();
alert(frames.B.b);
};
//子调用父
function c(){
alert("子调用父方法c()");
}
var d="子调用父变量d";
</script>
</html>
ZQZ_1.html(子)
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>ZQZ_1</title>
</head>
<body bgcolor="#a52a2a">
A
</body>
<script>
//子调用子
var i=1;
alert(window.i);//i这个全局变量是全局对象那个的而一个属性,也是Window对象的一个属性。所以也可以这么调用
function a() {
alert("A中的函数a被调用");
}
</script>
</html>
ZQZ_2.html(子)
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>ZQZ_2</title>
</head>
<body bgcolor="#ff7f50">
B
</body>
<script>
//子调用子
alert(parent.A.i); //在name=“B”中调用A中的全局变量i
parent.A.a(); //在name="B"中调用A中的函数a()
//父调用子
var b="父调用子b变量";
function a(){
alert("父调用子a方法");
}
//子调用父
parent.c();
alert(parent.d);
</script>
</html>