问题是这样的:在我的主页 ( parent.html) 中,我有一个 iframe ( child.html) 和一个脚本块。在该脚本块中,有一个整数数组和一个将元素添加到列表中的函数。在 iframe 中,有一个新函数可以将元素添加到主文件 ( parent.html) 的列表中。
我想知道 iframe() 是否可以child.html访问parent.html. 例子:
父级.html
<html>
<head>
<title>Parent</title>
<script>
var parentList = [0];
var counter = 0;
function addValue(){
counter++;
parentList.push(counter);
console.log('parent', parentList);
}
</script>
</head>
<body>
<button onclick="addValue()">Add Value (Parent)</button>
<br />
<iframe src="child.html" allowfullscreen></iframe>
</body>
</html>
孩子.html
<html>
<head>
<title>Child</title>
</head>
<body>
<button onclick="addValueInternal()">Add Value Child</button>
<script>
var internalCount = 0;
function addValueInternal() {
internalCount++;
parentList.push(internalCount);
console.log('child', parentList);
}
</script>
</body>
</html>
错误:
child.html:12 Uncaught ReferenceError: parentList is not defined
at addValueInternal (child.html:12)
at HTMLButtonElement.onclick (child.html:6)
蛊毒传说
相关分类