jQuery实现iframe的自适应高度
jQuery 实现 适应 高度 iframe
2023-09-27 14:27:24 时间
假设我们在当前页面要嵌套一个iframe
<iframe src="test.html" id="myframe" width="100%" frameborder="0" scrolling="auto"></iframe>
那么我们在test.html中的代码如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>jQuery实现iframe的自适应高度</title> <meta name="keywords" content=""/> <meta name="description" content=""/> <meta name="viewport" content="width=device-width"/> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script> //注意:下面的代码是放在test.html调用,并且id跟test.html中的iframe的id要保持一致 $(window.parent.document).find("#myframe").load(function(){ var main = $(window.parent.document).find("#myframe"); var thisheight = $(document).height()+30; main.height(thisheight); }); </script> </head> <body> <div style="height:300px;background:#ff0000">我是来测试高度的</div> </body> </html>
相关文章
- jQuery的威力
- jquery:向后台提交数组
- Jquery-控制table的奇偶数色列
- jQuery动态产生的铵钮怎样实现事件处理
- Jquery--实现带光标的打字效果
- jquery validate验证插件扩展方法(转)
- 新闻无缝循环的实现(jquery)
- Jquery实现全选和取消全选的方法
- js+jquery实现歌词滚动播放
- jQuery:实现两个<select>控件的互移操作
- 一款基于jQuery/CSS3实现拼图效果的相册
- 基于jQuery的时间轴鼠标悬停动画插件
- jQuery-easyui实现关闭全部tabs
- 使用jQuery实现类似开关按钮的效果
- 二十六、python学习之前端(九):JQuery数据交互