在网上找了很多的iframe自适应高度的脚本,对浏览的的兼容性都不好。所以就想利用jquery强大的兼容性,写一个iframe自适应高度的脚本。
jquery很强大,代码很简单:
$("#iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})
有一点需要注意的,我也在调试的时候才发现的,耽误了不少时间。就是绑定事件必须在iframe加载完毕之前绑定,否则不会执行。
以下是jQuery,load事件的概述
在每一个匹配元素的load事件中绑定一个处理函数。
如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。
注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。
另外一种方法实现自适应iframe高度自适应
function adjustIFramesHeightOnLoad(iframe) {
var iframeHeight = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);
$(iframe).height(iframeHeight);
}
分享到:
相关推荐
用Jquery里面封装的Ajax方法实现无页面刷新效果 亲绝对有一定技术含量 秒杀Ajax 效果 一定要下载噢 思密达
Ajax表单提交,用 jquery.form.js SDK 封装好的ajaxSubmit
JqueryAjax 无刷新分页 带数据库 直接可运行 pageTest.asp js封装 简化代码
iframe使用 自适应高度 封装js
对常用jquery的ajax函数进行封装,便于调用,会有不同错误的错误提醒
今天找寻AJAX类,使用起来不是很方便,算了自己封装一个 注:简单封装,使用简单
仿照jquery封装一个自己的js库(一)
ajax封装兼容函数,有利于提高开发效率,减少代码量。
jquery封装好的js文件,快速写入jquery简单方便
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。...
简单的模拟jQuery底层封装方法
原生js封装的ajax,使用上类似jquery一样便捷,里边有示例,可以参考
4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果 7.JS版本黑色超动感二级菜单导航模块代码 穿越...
AjaxUpload.js 就是一个js文件,里面封装了上传文件的代码,其实就是一个js的框架,利用它来更简单的实现文件的上传
jquery ajax方法的再封装
jquery上传文件和参数封装的js:jquery.form.js,可用于单文件、上文件上传以及携带参数
调用方法:1 将下载好的Ajax js文件引用到页面 代码如下:<script src " js MyAjax js" type "text javascript">< script> 2 调用方法:(1)异步: MyAjax " 要调用的方法...
使用自定义指令实现表格高度自适应,并且实现了表格自动滚动,滚动到底部后从头滚动。然后对此进行了封装。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。...
详细显示上传过程,包括进度条,上传百分比,总上传数据大小,当前上传数据大小,上传进程时间等。。。 进度条样式可自行修改,样式文件为css.css 具体进程信息请查看js/custom.js中的getInformation(info)中的信息...