iframe动态改变内嵌页面高度
动态 页面 改变 高度 iframe 内嵌
2023-09-14 09:07:55 时间
test.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> </head> <body> <table align=center cellspacing=0 cellpadding=0 height="100%" border=0> <tbody> <tr> <td valign="top" width="206" name="frametitle" id="frametitle"> <iframe style="z-index: 1; visibility: inherit; width: 206px;height:100%" name="leftmenu" id="leftmenu" src="nest.html" frameborder=0 scrolling="no"></iframe> </td> </tr> </tbody> </table> </body> </html> <script type="text/javascript"> function TuneHeight(){ var h = document.getElementById("leftmenu").contentWindow.document.body.scrollHeight + "px"; document.getElementById("frametitle").style.height=h; } window.onload=TuneHeight; </script>
nest.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script type="text/javascript"> function test(){ document.write("<span>----------------------------------</span>"); window.parent.TuneHeight(); } setInterval(test,1000); </script> </head> <body> </body> </html>
相关文章
- html炫酷动态时钟代码,HTML5动态时钟代码
- php+mysql动态网站开发案例课堂_用php写一个网页页面
- Web阶段:第十二章:JSP动态页面
- 不会吧!还有人不懂微服务网关:Zuul的动态路由吗?我不理解
- 静态页面和动态页面的区别在于_超链接属于静态网页还是动态网页
- 7b2美化-标签动态特效
- js分类刷leetcode.动态规划
- 用javascript分类刷leetcode---动态规划(图文视频讲解)
- 使用 Scrapy + Selenium 爬取动态渲染的页面
- Mybatis-Plus动态表名插件实现数据库分表查询
- 【Windows 逆向】内存地址分析 ( 动态地址 | 静态地址 | 偏移量 )
- SkeyeWebPlayer网页直播点播播放器-页面动态多播放器添加代码示例
- jQuery实现滚动时动态加载页面内容详解编程语言
- JS绑定事件(静态绑定+动态绑定)
- 动态变更Linux动态IP更新:轻松实现客户端IP变更(linux客户端ip)
- C Oracle 配置数据库字段动态增加(c oracle增加字段)
- 利用ASP.NET技术动态生成HTML页面
- php录入页面中动态从数据库中提取数据的实现
- 如何在ASP页面动态Inclue文件?
- 动态生成页面元素的代码
- 动态改变ASP.net页面标题和动态指定页面样式表的方法
- 如何实现动态删除javascript函数
- jQuery动态添加的元素绑定事件处理函数代码
- 控制PHP的输出:缓存并压缩动态页面
- 无刷新动态加载数据滚动条加载适合评论等页面
- Asp.net动态生成html页面的方法分享
- Apache内容动态缓冲模块mod_cache应用
- 使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
- Chrome扩展页面动态绑定JS事件提示错误
- js动态修改整个页面样式达到换肤效果