`
judim
  • 浏览: 40988 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js处理Iframe的动态大小

    博客分类:
  • js
阅读更多
<iframe name="layoutExplain" id="layoutExplain" frameborder="0" width="100%" height="10px;" align="top" scrolling="no">
</iframe>
<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("layoutExplain");
try{
iframe.height =  iframe.contentWindow.document.documentElement.scrollHeight;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);
</script>

上面的是代码。window.setInterval("reinitIframe()", 200);是按时间不段的循环。
分享到:
评论

相关推荐

    iframe-resize:一个非常粗略的jQuery插件,可用于调整iframe的大小

    这会将加载事件处理程序绑定到每个iframe,并将它们调整为当前内容的大小。 它还为自定义sizeToContent事件注册了一个处理程序,该事件可以使用以下方法从iframe中触发: window.parent.$(window.frameElement)....

    JavaScript基础教程第8版

    5.3 用JavaScript加载iframe 86 5.4 Iframes的使用 87 5.5 创建动态iframe 89 5.6 在文档之间共享函数 90 5.7 打开新窗口 92 5.8 为窗口加载不同的内容 96 第6章 表单处理 98 6.1 选择并转移导航...

    js 判断上传文件大小及格式代码

    为了实现异步上传的效果,一般会选择采用iframe的形式来进行文件的上传,但我们不能像ajax那样对服务端返回的数据进行处理,从而来进行文件大小以及文件样式的判断,所以我们一般也会想到使用js对上传的文件大小以及...

    程序天下:JavaScript实例自学手册

    5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不...

    《程序天下:JavaScript实例自学手册》光盘源码

    5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不...

    JavaScript监听一个DOM元素大小变化

    比如我用canvas绘制了一个chart,当canvas的size发生变化的时候,需要重新绘制里面的内容,这个时候就需要监听resize事件做处理。window上虽然有resize事件监听,但这并不能满足我们的需求,因为很多时候,div的size...

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    第9章 大小、定位、轮廓相关属性 250 9.1 width、height相关属性 251 9.2 定位相关属性 255 9.3 轮廓相关属性 257 9.4 用户界面和滤镜属性 258 9.5 本章小结 263 第10章 盒模型与布局相关属性 264 10.1 盒...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -如何自定义Javascript脚本和C#处理函数来响应键盘事件。 -为Tree增加AutoLeafIdentification属性。 -增加示例(tree_auto_leaf_identification.aspx)(feedback:wdrabbit)。 +2009-11-17 v2.1.4 -修正...

    ExtAspNet_v2.3.2_dll

    -如何自定义Javascript脚本和C#处理函数来响应键盘事件。 -为Tree增加AutoLeafIdentification属性。 -增加示例(tree_auto_leaf_identification.aspx)(feedback:wdrabbit)。 +2009-11-17 v2.1.4 -修正...

    php上传进度条APC

    用另一个文件域让用户选择文件,当用户选择了上传的文件之后,用JS取得用户的文件的路径然后赋值给那个隐藏的iframe中的文件域,令iframe中的表单提交。这时那个显示的文件域可以被替换为图片或者文字什么的提示用户...

    storage:一个基于HTML5 Web本地存储的扩展解决方案,虽然IE早期不支持本地存储(localStorage),但是可以通过userData来实现更多的本地数据存储

    由于cookie本身的不可替代性,Storage.js也添加了对cookie的封装处理。 在介绍API之前,关于localStorage,userData,cookie有些特性需要说明一下: cookie会随着HTTP请求的头报文发送到服务端,而localStorage,...

    artDialog_Demo

    25、可以自适应iframe内容的大小(不跨域的前提下) 26、对超过预设面积大小的对话框拖动自动采用替身的方式,以求拖动更流畅 27、新增加一个'data'的接口,它保存了你对话框每次创建的消息对象 (操作iframe消息...

    Even Faster Web Sites: Performance Best Practices for Web Developers (PDF 电子书)

    性能是任何一个网站成功的关键,然而,如今日益丰富的内容和大量使用Ajax的Web应用程序已迫使浏览器达到其处理能力的极限。Steve Souders是Google Web性能布道者和前Yahoo!首席性能工程师,他在本书中提供了宝贵的...

    超实用的jQuery代码段

    3.14 如何为动态添加的元素绑定事件处理函数 3.15 为表格行增加单击事件 3.16 用回车键模拟Tab键 第4章 jQuery操作CSS样式 4.1 使用addClass()函数动态添加样式类 4.2 使用removeClass()函数动态移除样式类 4.3...

    WebIM_Ajax框架

    2.动态js 3.动态css 4.jsonp跨域 5.iframe跨域 6.心跳包 7.ajax上传图片 8.裁切图片 9.js表单验证 10.悬浮层拖拽 11.列表节点拖拽排序 12.列表节点拖拽移动 13.Fixed 效果(固定居上/中/下、左/中/右),兼容 IE6 14...

    Storage:具有到期日期的 Web 数据存储(localStorage、userData、cookie)

    由于cookie本身的不可替代性,Storage.js也添加了对cookie的封装处理。在介绍API之前,关于localStorage,userData,cookie有些特性需要说明一下:cookie会随着HTTP请求的头报文发送到服务端,而localStorage,...

    asscroll:灰烬之卷轴:peach:

    悬停在iframe上时不会停止工作 处理不会触发“滚轮”事件的硬件,即Edge + IE中的Windows触控板 在移动设备上DOM和WebGL元素之间没有滞后,同时保留了固有惯性滚动 其他特性: 水平滚动 自定义滚动条 使用您自己的...

    xheditor-1.1.14

    说明:控制弹出窗口是否显示上方的标题栏,默认为显示,若需要显示一个更定制个性化的iframe窗口,可通过此参数隐藏上方的标题栏 upBtnText:上传按钮的文字 参数值:任意字符串,默认值:“上传” 备注:1.0.0 beta2...

    《javaScrip开发技术大全》源代码

    • sample01.htm 将JavaScript代码插入在标签与标签之间 • sample02.htm 将JavaScript代码放在了标签与标签之间 • sample03.htm JavaScript与HTML混合执行 • sample04.htm 在同...

Global site tag (gtag.js) - Google Analytics