开发中遇到的各种关于iframe的问题，在此记录
1.页面中包含iframe,在iframe中操作需弹出父页面的弹出层
可以用parent.$(.zhezhao).show();
2.页面中包含iframe,在父页面中需要获得iframe中的相关参数
可以用$("#mainFrame").contents().find("#id");
3.使iframe根据页面的内容高度自适应，可调用如下方法，当然，如果body中包含样子float:left，将不能按这种方式设定
1 function fitFrameContent(){ 2 var mainFrame = $("#mainFrame"); 3 var mainheight = $(mainFrame).contents().find("body").height()+40; 4 $(mainFrame).attr("frameborder","0"); 5 $(mainFrame).attr("border","0"); 6 $(mainFrame).height(mainheight); 7 }
iframe 的代码如下
1 <iframe src="myfile.jsp" name="mainFrame" frameborder=no scrolling="no" width="100%"
height="1050px;" id="mainFrame" title="mainFrame" onload="fitFrameContent();"> 2 </iframe>
4.页面高度固定，只显示iframe的纵向滚动条
iframe 的代码如下
<iframe src="myFile.jsp" name="mainFrame" frameborder=no scrolling="auto" width="100%"
height="726px;" id="mainFrame" title="mainFrame" > </iframe>
myFile.jsp的body标签设置
<body style="overflow-x:hidden;overflow-y:auto;"> ..................... </body>