页面A;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AAAA</title>
</head>
<body>
<a href="javascript:testclick();">这里是indexA click</a>
<div id="abox"></div>
<iframe id='myiframe' src="indexB.html" frameborder="1"></iframe>
<script>
let abox = document.getElementById('abox')
function testclick() {
let myiframeFun = document.getElementById('myiframe').contentWindow.aaaatest
myiframeFun.add()
abox.innerText = myiframeFun.getContext()
}
</script>
</body>
</html>
页面B:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BBBB</title>
</head>
<body>
这里是页面B
<div id="box"></div>
<script>
let box = document.getElementById('box')
var aaaatest = {
add: function () {
box.style.cssText = "background-color:#cdcdcd"
box.innerText = "b页面增加了内容"
},
getContext: function () {
return box.innerText
}
}
</script>
</body>
</html>