jquery获得iframe内容的高度
2013-10-18 09:06
260 查看
html: <iframe name="rightgp" id="right_frame_h" src="/Poster/rightgp" width="600px" height="500" scrolling="no"></iframe> JS: //初始框架高度 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> $("#right_frame_h").load(function(){ var mainheight = $(this).contents().find("#right_").height()+30; $(this).height(mainheight); }); #right_frame_h为iframe的ID #right_为iframe引入的页面里ID为#right_的容器。按说可以用body,但是我测试的用body获得的高度与实际高度不等,所以把整体内容添加到一个ID为#right_的div里。 =================2013-05-28=================== 如果引入文件里的内容高度变化后iframe的高度不会改变,所以需要在iframe引入的文件里加入下面的代码 //注意:下面的代码是放在/Poster/rightgp调用 $(window.parent.document).find("#right_frame_h").load(function(){ var main = $(window.parent.document).find("#right_frame_h"); var mainheight = $(document).height()+30; main.height(mainheight ); });
相关文章推荐
- jquery获得iframe内容的高度
- jquery获得iframe内容的高度
- jquery获得iframe内容的高度
- jquery获得iframe内容的高度
- jQuery简单实现iframe的高度根据页面内容自适应的方法
- jquery库实现iframe自适应内容高度和宽度
- jquery库实现iframe自适应内容高度和宽度
- jQuery设置iframe的高度根据页面内容自适应
- jquery.load()使iframe随内容改变而自适应高度
- 自己写的jQuery插件(一)--让Iframe自适应内容高度
- jQuery简单实现iframe的高度根据页面内容自适应的方法
- jquery.load()使iframe随内容改变而自适应高度
- 开发小技巧:jQuery处理自适应内容高度的iframe
- jquery.load()使iframe随内容改变而自适应高度
- jQuery处理自适应内容高度的iframe
- jQuery解决iframe高度随内容自动调整
- jquery控制iframe根据内容高度自动调整问题。
- 开发小技巧:jQuery处理自适应内容高度的iframe
- jQuery获得内容的高度
- jQuery简单实现iframe的高度根据页面内容自适应的方法