[ Front-end ] Iframe 跨域双向通信

Iframe 通信相信大家都接触过,或者了解过,那么双向通信呢? :p

今天发了Code Review ,有点时间就重新整理了一下,希望能对大家有所帮助。

0、效果图

[ Front-end ] Iframe 跨域双向通信_第1张图片

1、ParentHtml

 1 "http://www.w3.org/1999/xhtml">
 2 "server">
 3     
 4     
 5     
12     
34 
35 
36     
37

38 接收到的信息: 39
40 "text" id="txtParent" value="parent message" /> 41 "button" value="Send to Child" οnclick="SendMessage()" /> 42

43

44 45

46
47 48

2、ChildHtml

 1 "http://www.w3.org/1999/xhtml">
 2 "Head1" runat="server">
 3     
 4     
 5     
32 
33 
34     
35

36 接收到的信息: 37
38 "text" id="txtChild" value="child message" /> 39 "button" value="Send to Parent" οnclick="SendMessage()" /> 40

41
42 43

3、附上源码

Download

转载于:https://www.cnblogs.com/VincentDao/archive/2013/02/05/2892466.html

你可能感兴趣的:(javascript,xhtml,ViewUI)