開發中遇到的各種關於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>