js 监视 iframe 或 frameset 的内容变动
2016-03-21 15:15
267 查看
最近做一个项目,再页面内签入了一个 iframe,然后 iframe 内的内容经常变动,结果 iframe 的高度就无法固定了,需要根据内部显示的实际内容来定义 iframe 的高度。
经过测试,得到了以下代码,可以对 iframe 进行监视
经过测试,得到了以下代码,可以对 iframe 进行监视
// 使用了 jquery ,不使用的请自行修改为原生 js $(ducument).ready(function(){ // 当页面加载完后判断页面内是否有 iframe if ($('iframe').length) { // 获取 iframe window对象的 document var ifr = $(window.frames[0].document); // 当 iframe document 加载完成是判断内容 ifr.ready(function () { // 如果内容中包含 id=form1 的控件时,表示内容加载完成 // 这里可以换成其他任意标签 if (ifr.find('#form1').length) { // 因为我用的是 .net 的页面,所以 form 表单的高度基本就是页面高度了 $('iframe:eq(0)').height(ifr.find('#form1').height() + 30); } }); } }
相关文章推荐
- javascript--事件
- JSONArray 将数组格式的json数据 需要的包 <dependency>
- 我的第一个jsdemo总结-从构思到编写流程和注意点
- [转] JavaScript 原型理解与创建对象应用
- CDHtmlDialog探索----WebBrowser扩展和网页Javascript错误处理
- servlet+jsp实现的文件上传与下载
- r.js压缩打包
- 常用js类
- js中的事件委托
- 火狐中js函数不能识别非全字母参数值的解决办法
- JSON是什么?JSON和JS对象的区别和JSON的基本应用
- js中不同类型作比较的规律(布尔运算)
- jslint报错太多的解决方式
- [转] JavaScript 和事件
- null和undefined在javascript中有什么实际意义
- 初识JavaScript
- JS中showModalDialog 详细使用
- js-闭包
- respond.js第六行 SCRIPT5: 拒绝访问。跨域问题
- 从js向Action传中文参数出现乱码问题的解决方法