どのように2つのiFramesをお互いに話すことができますか? たとえば、2番目のiframeの要素値で、1番目のiframeにdisplay要素があります。私は2番目のフレームから1番目の値を取得する必要があります。どうすればいい? クッキーを使用してはいけません。膨大な量のデータで傷つける原因となります。iFrames間の通信?
答えて
要素が同じドメインから配信される場合、それらは互いに直接アクセスできます。例えば、iframe1
であなたが行うことができます:
document.getElementById('someDiv').innerHTML =
top.document.getElementById('otherIframe').contentWindow.
document.getElementById('someOtherDiv').innerHTML;
topを使用すると、このコード自体がフレームにロードされることはありません。それ以外の場合は、期待するものを指しません。 –
@MattBerkowitzどういう意味ですか?ページに2つのiframeがあり、それらから 'top'を呼び出すと、他のiframeを見つけることができるウィンドウが表示されます。 – jbabey
いいえ、これはあなたに親や祖父母などのトップフレームを与えます。あなたが今述べた設定を別のiframe内に読み込まれたものとみなします(私たちはiframeでページを読み込む人を制御できません)。おそらくCORSの要件を満たしていないかもしれない "otherIframe"が見つからない最も外側のページを返します。 'top'の代わりに' parent'を使うと、おそらくあなたがやっていると思っていることを確実にするので、少し上手くいくでしょう。 –
は、私はあなたが両方のiframeのための完全なコードの修正能力を必要とすることを最初にあなたを警告します。 iframeは厳重なセキュリティで処理されます。それ以外の場合は、ドメイン "bunkofamerica.com"を作成し、 "bankofamerica.com"をiframeに配置してから、入力時にユーザーのパスワードを分析することができます。 https://developer.mozilla.org/en-US/docs/Web/API/window.postMessage
そして、ここに私の会社はこれがよりクロスにするために使用していますgithubのライブラリがあります:あなたはこのネイティブ関数を探している(銀行はとにかくIFRAMEつぶしコードを持っている傾向があるが、それでも...)
ブラウザ互換:https://github.com/daepark/postmessage
jbabeyは正しいですが、iframeが同じドメインとプロトコルにある場合は、より簡単です。
オペラドキュメントがhttps://dev.opera.com/articles/window-postmessage-messagechannel/#channel
まず物事は最初、フレームはそれの外側は自己だ対話できる唯一の方法は、両方の場所にロードされたコンテンツは、同じドメインからであるされている場合そうあなたが行っている最高の関連例でこれを説明CORSエラーを取得します。
それがすべてグレイビーであるとすれば、私は親フレームのウィンドウオブジェクトにマネージャオブジェクトを作成します。
あなたがwindow.parent.Mgmt.frame1
を使用してそのオブジェクトにアクセスすることができるはずのiframeのいずれかで、その後
window.Mgmt = {
frame1: $('iframe#frame1'),
frame2: $('iframe#frame2')
}
など
- 1. プロセス間通信
- 2. デバイス間通信
- 3. スニッフプロセス間通信
- 4. セッション間の通信
- 5. クラスタノード間の通信
- 6. スレッド間の通信?
- 7. プロセス間の通信
- 8. オブジェクト間の通信
- 9. フォーム間の通信
- 10. 間のスレッド通信
- 11. アプリケーション間の通信?
- 12. プロデューサ - コンシューマ間スレッド間通信
- 13. クライアント - サーバー間通信
- 14. javaプロセス間通信
- 15. DotNetNukeモジュール間通信
- 16. Javaプロセス間通信
- 17. アンドロイドプロジェクトのクラス間の通信
- 18. Rubyの間、クラスの通信
- 19. Elmのコンポーネント間の通信
- 20. Netlogoのカメ間の通信
- 21. JVMとネイティブライブラリ間の通信
- 22. オブジェクト間の通信 - C4Framework
- 23. スレッド間のluaレーン通信
- 24. ViewModels間の通信方法
- 25. スレッド間のシリアルポート通信
- 26. Railsアプリケーション間の通信
- 27. Luaでのプロセス間通信
- 28. PHPとJavascript間の通信
- 29. ドメイン間のWCF通信
- 30. デバイス間のアンドロイド通信
まず、同じドメイン上のiframeですか?または、彼らは異なるサイトから来たのですか? – BBog
https://developer.mozilla.org/en-US/docs/Web/API/window.postMessage – epascarello
同じドメインです。したがって、両方ともhttp://www.example.comにあります。 – Matthew