微信公众号 讲师中心
首页
文章
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程
游戏教程 自媒体 新闻
首页 > web前端 > html教程 > 正文

分享iframe标签注意问题

黄舟
发布： 2017-07-21 11:43:18
原创
1617人浏览过

  • 子页面访问父父页面变量，函数，页面元素

//变量：　　　　
//在父页面中需定义为全局变量　　　　
//子页面中调用　　　　
var childFrameVar= parent.ParentVarName;
　//函数:　　　　
　parent.ParentMethodName();
　
　//页面元素:　　　　
　//通过获取document对象，来对页面元素进行操作　　　　
　parent.document
　　　　parent.window.document
登录后复制

  • 父页面访问子页面函数，页面元素　　

//函数
　　　　//做出以下尝试，但alert出来的信息均为undefine　　　　
　　　　FrameName.window.childMethodName();
　　　　document.getElementById('FrameId').contentWindow.childMethod();
　　　　
　　　　//页面元素　　　　
　　　　FrameName.window.document
　　　　document.getElementById('FrameId').contentWindow.document
　　　　document.getElementById('FrameId').contentDocument
登录后复制

  • 注意事项

　　　　要确保在iframe加载完成后再进行操作，如果iframe还未加载完成就开始调用里面的方法或变量，会产生错误。

　　　　尽量在不要在父页面中调用子页面中的页面元素或函数，所有涉及的交互操作尽量放在子页面中来完成。　

猫眼课题宝
猫眼课题宝

5分钟定创新选题，3步生成高质量标书！

猫眼课题宝 85
查看详情 猫眼课题宝

　　　　判断iframe是否加载完成有两种方法：

　　　　　　1. iframe上用onload事件

　　　　　　2. 用document.readyState=="complete"来判断

以上就是分享iframe标签注意问题的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：html中iframe签的作用以及使用技巧详解 下一篇：iframe在火狐浏览器下的src属性修改之后onblur失效问题介绍
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
html如何设置打印_HTML打印样式（@media print）设置与优化方法 使用@mediaprint可优化HTML页面打印效果，通过设置打印样式、隐藏非必要元素、控制分页及提升可读性，确保输出清晰专业。
2025-11-03 19:46:02
465
html变量如何引用_HTML中JavaScript变量引用与作用域方法 在HTML中使用JavaScript变量需先定义再引用，通常通过标签声明全局或局部变量，利用作用域规则控制访问范围，并可在事件处理或外部脚本中调用，确保加载顺序正确以避免引用错误。
2025-11-03 19:42:02
574
html如何引用swf_HTML SWF文件（Flash）嵌入与引用方法 答案：HTML中嵌入SWF需使用object和embed标签组合，设置宽高、路径及MIME类型，并通过param添加参数以兼容不同浏览器；现代环境应采用Ruffle模拟器或转为HTML5等替代方案。
2025-11-03 19:39:02
631
html源码怎么保存成文件_html源码保存为文件的具体操作流程 01.通过浏览器“另存为”可保存网页HTML及资源；02.手动复制源码并粘贴到编辑器中保存为.html文件；03.使用开发者工具复制完整DOM结构以获取动态内容，适用于JavaScript生成的页面。
2025-11-03 18:57:34
687
html如何制作模板_HTML模板（如Handlebars）创建与复用方法 使用模板引擎可高效动态生成HTML。一、Handlebars通过占位符注入数据，需引入库、定义模板并编译渲染；二、ES6模板字符串以反引号包裹，直接嵌入变量，适合轻量级需求，支持逻辑与循环；三、自定义模板类封装HTML结构，提升复用性，可通过继承扩展；四、HTML5的标签声明不可见DOM，克隆后填充数据插入页面，实现原生模板复用。
2025-11-03 18:09:02
804
为什么HTML在线按钮无响应_HTML在线按钮无响应原因与事件绑定方案 按钮无响应主因是事件绑定时机或代码逻辑错误。1.DOM未加载完成时绑定事件会导致失败，需将脚本置于body底部或使用DOMContentLoaded事件。2.选择器错误或语法问题会致绑定失效，应检查ID、类名是否正确。3.JavaScript报错会中断执行，需查看控制台排除语法或运行时异常。4.CSS设置pointer-events:none或元素被遮挡也会阻止点击响应。5.事件可能被重复绑定后移除，导致监听失效。推荐使用addEventListener在DOM就绪后绑定，并通过console.
2025-11-03 18:08:02
509
如何编辑网页HTML中的下拉菜单_如何编辑网页HTML中下拉菜单的实现方法 一、使用HTML与CSS通过:hover实现静态下拉菜单，结构包含触发元素和隐藏的ul列表，CSS控制显示与定位。二、结合JavaScript实现动态控制，通过点击事件切换display属性，并监听文档点击关闭菜单。三、使用和创建表单下拉框，支持默认选中、多选等特性，浏览器原生兼容。四、利用Bootstrap框架引入dropdown类与data-bs-toggle属性，快速构建响应式下拉菜单，需正确加载依赖文件以确保功能正常。
2025-11-03 18:01:07
193
HTML有序列表怎么创建_HTML ol/li有序列表编号设置 使用和标签创建有序列表，支持type属性设置编号类型（如A、a、i、1），start属性定义起始值，可嵌套实现多级结构，使页面层次清晰。
2025-11-03 17:47:02
802
HTML如何快速创建_HTML快速创建工具（如在线编辑器）与方法 使用在线编辑器、代码编辑器快捷生成或本地模板可快速创建HTML。一、在线HTML编辑器如CodePen支持边写边预览；二、VSCode中输入!+Tab可生成HTML5结构；三、创建template.html模板文件便于复用，提升开发效率。
2025-11-03 17:45:02
418
如何制作html诗集_HTML诗歌排版（CSS样式）在线诗集制作方法 答案：用HTML和CSS可创建美观在线诗集。1.每首诗用article标签封装，标题用h3，诗句用p标签；2.CSS设置居中对齐、行高1.8、宋体类衬线字体、最大宽度600px及上下外边距；3.页面背景设为淡雅色，标题灰色，可加轻微阴影提升层次；4.添加响应式设计适配手机。通过结构清晰、留白合理、字体恰当的排版，实现纸质书般阅读体验。
2025-11-03 17:23:28
654
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部