iframe子调父父调子_iframe调试模式下点击偏移-CSDN博客

本文链接：https://blog.csdn.net/xuji7483/article/details/104916926

父html

<body>
       <label id="windowLabel">lab</label>
       <button οnclick="winClkWin()">调用window</button>
       <button οnclick="winClkFrm()">调用frame</button>
       <iframe src="frame.html" name="mxFrame" id="mxFrame"></iframe>
</body>
<script src="jquery-3.0.0.min.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
       function cgWinLabel(lab) {
           document.getElementById("windowLabel").innerHTML = lab;
       }
       function winClkWin() {
           cgWinLabel("window click window");
       }
       function winClkFrm() {
           $("#mxFrame")[0].contentWindow.cgFrmLabel("window click frame");
       }
</script>

子html

   <body>
       <label id="frameLabel">lab</label>
       <button οnclick="frmClkWin()">调用window</button>
       <button οnclick="frmClkFrm()">调用frame</button>
   </body>
   <script type="text/javascript">
       function cgFrmLabel(lab) {
           document.getElementById("frameLabel").innerHTML = lab;
       }
       function frmClkWin() {
           window.parent.cgWinLabel("frame click window");
       }
       function frmClkFrm() {
           cgFrmLabel("frame click frame");
       }
   </script>