訪問和修改的iframe內容的postMessage VS jQuery.contents（）

Question

有可能與

$('#iframe_id').contents().find('.stuff_to_modify).addClass('whatever');

但它也可以使用window.postMessage事件，從iframe中，不發送do_something消息腳本收到消息時的修改（添加該類）。

我想知道這是我應該要走的路，什麼是這兩種方法（缺點，優點）之間的差異。因爲我並不需要包括任何腳本在我的iframe了

jQuery的方法似乎更好

Answer 1

你給window.postMessage和jQuery樣品之間的主要區別是，postMessage的允許跨域通信。

這意味着，如果承載iframe的父頁面來自域A，而iframe的內容來自域B，則postMessage允許您進行通信，而jQuery方法會導致安全錯誤。

您所提供的鏈接是一個java腳本包裝到window.postMessage執行的瀏覽器，並回落到窗口位置哈希輪詢不支持它的瀏覽器。其他好處都列在您的鏈接本身。

因此，如果兩個頁面來自相同的來源，即來自同一個域提供，那麼你可以去jQuery的方法本身。如果它來自兩個不同的來源，則可能必須使用JS包裝器。