父页面代码
<! DOCTYPE HTML> < html > < head > < meta charset="utf-8"> < title >无标题文档</ title > < script type="text/javascript" src="jquery-1.4.4.min.js"></ script > </ head > < body > < div class="f_div">父页面内容</ div > < iframe name='if1' src="1.html" width="300" height="400"></ iframe > < script > $(function(){ $('iframe').load(function(){ //确保子页面完成加载 alert($('iframe').contents().find('.c_div').html()); alert($('.c_div',window.frames["if1"].document).html());//另一方法 }); }); </ script > </ body > </ html > |
子页面代码
<! DOCTYPE HTML> < html > < head > < meta charset="utf-8"> < title >无标题文档</ title > < script type="text/javascript" src="jquery-1.4.4.min.js"></ script > </ head > < body > < div class="c_div">子页面内容</ div > < script > $(function(){ alert($('.f_div',parent.document).html()); }); </ script > </ body > </ html > |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· 99%的人不知道,桥接模式失败的真正原因是它!
· .NET Core GC压缩(compact_phase)底层原理浅谈
· Winform-耗时操作导致界面渲染滞后
· Phi小模型开发教程:C#使用本地模型Phi视觉模型分析图像,实现图片分类、搜索等功能