方法一、jQuery
<script type="text/javascript">
<!--
$(function(){
$("#workArea").load(function(){
var height = $(this).contents().find("#box").height() + 40;
//这样给以一个最小高度
$(this).height( height < 400 ? 400 : height );
});
});
-->
</script>
方法二:js
function dyniframesize(iframename) {
var pTar = null;
if (document.getElementById){
pTar = document.getElementById(iframename);
}
else{
eval('pTar = ' + iframename + ';');
}
if (pTar && !window.opera){
pTar.style.display="block";
if (pTar.Document && pTar.Document.body.scrollHeight){
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
//window.onload =dyniframesize("leftFrame");
另转——————————————————————未验证
JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)
在网上找了很多的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 iframe
Height
=
Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight,
iframe.contentWindow.window.document.body.scrollHeight);
$(iframe).height(iframeHeight);
}
分享到:
相关推荐
jquery对iframe自适应高度插件是国外下载下来的。插件使用只要引用js文件就行,不用做任何别的操作完全自动化。
用jquery实现iframe高度自适应实例代码完美兼容多数浏览器
javascript原生和jquery库实现iframe自适应内容高度和宽度—推荐使用jQuery的代码! <iframe src=index....
1.15 实现iframe高度自适应 1.16 实现左右div自适应相同高度 1.17 获取鼠标在屏幕中的坐标 1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类...
1、首先在页面中引入ymPrompt.js(如果在iframe中使用且希望消息框显示在最外层页面则还要引入ymPromptEx.js)。 2、然后根据需要显示的消息类型调用对应的函数: (1)Alert(content,width,height,title,okFunc,...
jQuery mediaWrapper是一个用于打包制作iframe的插件,而在开发自适应网站时,嵌入式视频的行为更像图像。 当前,iframe将默认设置为嵌入代码设置的任意宽度。 该插件非常简单,它将iframe包裹在相对放置的容器中...
摘要:脚本资源,jQuery,AsyncBox,弹出窗口,jQuery插件 一款基于jQuery的超漂亮 AsyncBox弹窗插件,使用时将 asyncbox 文件夹复制到您的项目中引用,注意:使用 ZCMS 皮肤需对该 asyncbox.css 内最后一栏,设置绝对于...
25、可以自适应iframe内容的大小(不跨域的前提下) 26、对超过预设面积大小的对话框拖动自动采用替身的方式,以求拖动更流畅 27、新增加一个'data'的接口,它保存了你对话框每次创建的消息对象 (操作iframe消息...
输入框-自适应宽高(依赖 jquery)-源码 JAVASCRIPT 原生 Dom 实用语句 标签页关闭事件监听 Ajax 中的 XMLHttpRequest 对象详解 奇技淫巧 tslint.json 配置说明 encodeURIComponent 与 Java 的区别 数据结构和算法 ...
-增加示例(iframe/parent_postback_run3.aspx),如何通过简单的Javascript代码回发父页面(feedback:eroach)。 -修正一些书写错误(feedback:bmck)。 -从Region控件中删除SplitColor属性,增加CollapseMode, ...
-增加示例(iframe/parent_postback_run3.aspx),如何通过简单的Javascript代码回发父页面(feedback:eroach)。 -修正一些书写错误(feedback:bmck)。 -从Region控件中删除SplitColor属性,增加CollapseMode, ...
响应式布局,兼容至1280,栅格系统bootstrap-table:数据列表(表格初始化设置、列表高度自适应)ztree:列表树layer:弹框(提示层、页面层、iframe层、加载层、询问层)laydate:时间选择echarts:图表、地图...