关于iframe的弹出框

最新推荐文章于 2024-02-22 13:21:50 发布

weixin_30608503

最新推荐文章于 2024-02-22 13:21:50 发布

阅读量388

点赞数

原文链接：http://www.cnblogs.com/cyanqx/p/3481455.html

版权

开发中遇到的各种关于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>

转载于:https://www.cnblogs.com/cyanqx/p/3481455.html

weixin_30608503

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于iframe的弹出框

开发中遇到的各种关于iframe的问题，在此记录1.页面中包含iframe,在iframe中操作需弹出父页面的弹出层　　可以用parent.$(.zhezhao).show();2.页面中包含iframe,在父页面中需要获得iframe中的相关参数　　可以用$("#mainFrame").contents().find("#id");3.使iframe根据页面的内容高...
复制链接

扫一扫