根据iframe的contentWindow来设置div屏蔽层大小和位置

纠结了两天了,终于搞定了,oh yeah~~~


找了N多资料,看了N多博客,蓦然回首,那解决方法就在灯火阑珊处


以下是透明DIV层样式代码 :

"display: block; background-color: black; width: 80%; height: 180px; position: absolute; left: 130px; top: 35px; z-index: 50000; -moz-opacity: 0.1; opacity: 0.1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=10)';filter:alpha(opacity=10);"


在页面的onload事件中加载iframe的内容:

var seqNoVal = $$('hidden52');      //$$是公司平台封装的函数,获取页面元素的内容
var pageFileSrc = '/temp/' + seqNoVal + '.html';    //seqNoVal是交易流水号,与问题无关

var iframeNode = document.getElementById('frame52ID');
iframeNode.setAttribute('src',pageFileSrc);


下面是纠结了两天的关键所在:

在网上看的资料都说  iframeNode.contentWindow.document.body.scrollHeight  可获得iframe内容,没错。

错就错在,一直将这个方法写在页面的onload事件中,也不知道为什么,在页面的onload事件中就没有效果。

本人也不知道问题出在哪里。

后来,一个偶然的机会 ,看到别人将这个方法写在iframe的onload事件中。

嘿,还别说,真就见效了,求解。。。。。


分析原因,本人猜测根元素加载顺序有关,时间有限,先写到这里,原因有待继续深究。。。

你可能感兴趣的:(iframe,filter,div,平台)