iframe和html交互

  1. iframe傳遞事件給html
// iframe事件監(jiān)聽
window.addEventListener('message', function (e) {
  // 刷新title
 if (data.type == 'ECM-DOCFLOW-TITLE-REFRESH' ) {
   
  })
})

// iframe發(fā)送事件
window.parent.postMessage(
   {
      type: 'ECM-DOCFLOW-TITLE-REFRESH',
        data: {
          type: 1,
       },
    },
  '*'
)
  1. html傳遞事件給iframe
// iframe接收事件
window.addEventListener('message', e => {
  if (e?.data?.type === 'ECM-DOCFLOW-CLOSE-RIGHT-PANEL') {
     //
  }
})

// html發(fā)送事件
var docflowIfarm = document.getElementById('DocflowIfarm') // 這個ifarm的id
docflowIfarm.contentWindow.postMessage(
  {
     type: 'ECM-DOCFLOW-CLOSE-RIGHT-PANEL',
     data: {
          closeRightPanel: false,
     },
  },
 '*'
)
  1. 刷新瀏覽器窗口方式
// iframe刷新
top!.location.href = '/api/auth/login?returnUrl=' + window.encodeURIComponent(top!.location.href)
// 普通刷新
window.location.href = `/api/auth/login?returnUrl=${encodeURIComponent(window.location.href.replace(location.origin, ''))}`
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容