狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

主頁如何獲取iframe的input值而且是跨域的

liguoquan
2023年12月14日 16:44 本文熱度 753
:主頁如何獲取iframe的input值而且是跨域的


要獲取跨域頁面中iframe的input值,可以使用postMessage方法來實現跨域通信。具體步驟如下:


1. 在主頁中,使用postMessage方法向iframe發送消息請求input的值。


```javascript

// 發送消息請求

var iframe = document.getElementById('yourIframeId');

iframe.contentWindow.postMessage('getInputValue', 'http://yourCrossDomainUrl.com');

```


2. 在iframe頁面中,監聽message事件,接收來自主頁的消息請求,并返回input的值。


```javascript

// 監聽消息請求

window.addEventListener('message', function(event) {

  if (event.origin === 'http://yourMainDomain.com' && event.data === 'getInputValue') {

    // 返回input的值

    var inputValue = document.getElementById('yourInputId').value;

    event.source.postMessage(inputValue, event.origin);

  }

});

```


3. 再次在主頁中監聽message事件,接收來自iframe的返回值。


```javascript

// 監聽返回值

window.addEventListener('message', function(event) {

  if (event.origin === 'http://yourCrossDomainUrl.com') {

    // 獲取返回的input值

    var inputValue = event.data;

    console.log(inputValue);

  }

});

```


通過以上方法,可以在主頁中獲取到iframe中input的值,實現了跨域通信。需要注意的是,要確保在發送和接收消息時,正確設置了origin,以確保安全性。


該文章在 2023/12/14 16:44:09 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved