iframe 覆盖父页面_iframe中父页面调用iframe框架内的子页面方法时，切换第二个子页面时，方法失效，DOM0消失...

原因：需要控制项目中使用iframe构建的部分的音频，由于audio标签位于子页面，暂时没有找到JS禁用浏览器声音的方法，所以需要用到子页面(iframe嵌套页面)内音量控制的方法，使用hreflink.window.childFunction();来调用子页面的方法。我创建了一个img标签，将图片的onclick事件设置为父页面引用子页面的方法。

function callChildAudio() {

var audio=document.getElementById('audio');

hreflink.window.audio(audio);

}

问题：第一次使用这个方法时，能够正常运行。切换iframe的src之后。button的DOM0为空。

点击图片，切重新指向iframe的SRC后

试图解决方法1：项目中其他标签是使用js的调取JSON文件，使用innerHTML来展示。可是是因为innerHTML是重新加载html，一些动态绑定的事件或样式可能失效了。后来试验发现，innerHTML部分在页面载入完成后也停止了。没有影响到页面。

试图解决方法2：怀疑父页面的function失效或不起作用，在callChildAudio方法内console.log输出后，发现当第一次点击时，控制台输出一次。第二次点击时控制台没有输出信息。表明第一次点击后，子页面的方法覆盖了父页面的点击事件。在子页面尝试控制台输出时输出不了。没有办法验证错误源。

试图解决方法3：iframe父页面调用子页面是使用Window对象，可能浏览器只支持一个Window对象，自动忽略了第二个子页面的window调用方法.测试中.....