近期在开发中遇到一个很奇怪的问题:HTML页面中有2个iframe,每次打开的时候这2个iframe都是一样的内容,或者有时候异常显示。
示例代码:
<iframe id="approve_form" name="approve_form" width=950 height="1000" src="${ctxPath}/user/front/showFormHandle.do?insId=$!{process.id}&itemFormId=$!{formMap.get(1).id}&display=none">
</iframe>
#if(${formMap.size()} > 1)
<iframe id="record_form" name="record_form" width=950 height="1100" scrolling="no" src="${ctxPath}/user/front/showFormHandle.do?insId=$!{process.id}&itemFormId=$!{formMap.get(2).id}&display=none">
</iframe>
解决方案:
<iframe id="approve_form" name="approve_form" width=950 height="1000" src="">
</iframe>
#if(${formMap.size()} > 1)
<iframe id="record_form" name="record_form" width=950 height="1100" scrolling="no" src="">
</iframe>
#end
window.onload = function(){
document.getElementById('approve_form').src="${ctxPath}/user/front/showFormHandle.do?insId=$!{process.id}&itemFormId=$!{formMap.get(1).id}&display=none";
if(${formMap.size()} > 1){
document.getElementById('record_form').src="${ctxPath}/user/front/showFormHandle.do?insId=$!{process.id}&itemFormId=$!{formMap.get(2).id}&display=none";
}
}
(不能在jquery的ready里面写)