父级页面调用iframe框架子页面中函数
在使用父页面调用子页面iframe框架函数时,一直无法成功,f12查看发现存在域的问题。正是由于未在开发环境中操作导致失败。
main.html
<iframe src="son.html" name="son" id="son" frameborder="0"></iframe>
<input type="button" onclick="aclick()" id="a" value="测试"/>
<script type="text/javascript">
function aclick(){
document.getElementById('son').contentWindow.document.getElementById('hi').click();
}
</script>
son.html
大家好,我是frame
<input type="hidden" id="hi" onclick="show()" value="ss" >
<script type="text/javascript">
function show(){
alert('run....');
}
</script>
必须在开发环境中才能使用,直接在文件夹打开文件则会出错。