chenxiaochun / blog

🖋️ChenXiaoChun's blog
181 stars 15 forks source link

调用iframe子页面中的js函数 #32

Open chenxiaochun opened 7 years ago

chenxiaochun commented 7 years ago

假设我们有一个index.html中写了这样一个iframe元素:

<iframe src="child.html" id="iframe" name="iframe"></iframe>
<button id="button">click</button>

<script>
var button = document.getElementById('button');
var child = window.iframe;

button.onclick = function(){
    child.say();
}
</script>

child.html中定义一个js函数,以供父页面进行调用:

function say(){
    alert('hello');
}