自适应 和 iframe 父子之间的调用

由于展示需要 所有页面必须自适应大小；

一般来说 在页面中 将width 和 height 设置成100%就可以了！

~但是有的时候必须得给容器附上 width 和 height 才能展示。（可能是 指定控件不支持 100%，或其他第三方插件的原因）

所以 就得在 页面中 加一个 onresize 事件以监听页面，当页面改变时 调用这个方法 去改变width 和 height；

******************************************************************************************************************

这两天也到一个问题，我的页面嵌在别人页面的 iframe 中，这个iframe是动态改变大小的，所以我在页面中加了 window.onresize事件

但是奇怪的是，在IE8下 我的页面可以监听到onresize事件而改变大小，但是在ie7下就监听不到onresize事件。弄了半天也没找到头绪。

最后在个网站上发现有可能是 XHTML 标准弄的，去掉XHTML标准之后，OK可以了！~

******************************************************************************************************************

1、 子页面调用父页面的方法
    document.parentWindow.parent.method();
  
    method 为父页面中的方法
  
2、父页面调用子页面的方法

    document.getElementById("framePage").contentWindow.TestfunC(); 
  
    TestfunC 子页面中的方法
  
    framePage 子页面的id 如：iframe的id
  
3、父页面得到子页面Element的值
    document.getElementById("framePage").contentWindow.document.getElementById("inputID").value;
 
4、父页面得到子页面js变量值
   document.getElementById("framePage").contentWindow.childStr;   
  
   childStr 子页面中的js变量值
  
5、子页面调用父页面不会有什么大的问题。但父页面调用子页面时需要确保子页面已经加载完成，不然就会报错。这个无需多说。 有两种解决方式：

   1) 在父页面用setTimeout设置延时调用

   2) 在子页面onload完成后，触发父页面来调用子页面。

   注意：在web开发过程中，有时出现问题，需要考虑HTML 文档遵循的文档类型是否有影响。