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

js将iframe中控件的值传到主页面控件中的实现方法_javascript技巧

php中文网
发布： 2016-05-16 17:40:48
原创
1070人浏览过

现在来看一下代码的实现，首先来看一个主界面的代码

AI Sofiya
AI Sofiya

一款AI驱动的多功能工具

AI Sofiya 147
查看详情 AI Sofiya
复制代码 代码如下:


   
       
   

   

       
   

   

       
   



可以看到在主页面定义一个JavaScript函数实现，将传入的data参数，赋值给id为id1的input 文本控件。

下面来看一个嵌入的b.html页面代码

复制代码 代码如下:



   
   


嵌入页面中主要通过一个按钮事件，将此页面中一个input文本控件中的值取出，然后通过parent.GetData(data)调用主页面的函数进行操作即可。
js将iframe中控件的值传到主页面控件中的实现方法_javascript技巧

这是未点击按钮前的效果，现在点击按钮查看效果。

js将iframe中控件的值传到主页面控件中的实现方法_javascript技巧

这样就实现了传值的效果

相关标签：
js

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：瀑布流布局并自动加载实现代码_jquery 下一篇：很好用的js日历算法详细代码_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
Javascript如何实现继承_ES6类继承和原型继承有何优劣？ ES6的class继承本质是原型继承的语法糖，更简洁且强制super调用；原型继承更底层灵活但易出错，适用于动态控制或兼容旧环境等特殊场景。
2025-12-19 17:05:03
516
什么是javascript事件循环_它怎样管理任务队列？ JavaScript事件循环通过宏任务和微任务队列实现分时调度，每次执行一个宏任务后立即清空全部微任务，故Promise.then比setTimeout(0)先执行。
2025-12-19 17:03:35
779
javascript怎样深度克隆一个对象？_javascript中浅拷贝与深拷贝有何不同？ 深拷贝通过递归复制所有嵌套层级属性实现完全独立，避免引用共享；浅拷贝仅复制第一层，引用类型仍共用内存。推荐优先使用structuredClone()，兼容场景可用JSON序列化或手写递归函数。
2025-12-19 16:56:02
499
什么是javascript符号类型_Symbol的唯一性有什么用处 Symbol是JavaScript中具有唯一性的原始类型，用于避免属性名冲突、模拟私有成员、实现全局共享键（Symbol.for）及定制内置行为（如Symbol.iterator）。
2025-12-19 16:53:35
892
JavaScript如何构建单页面应用？ JavaScript构建单页面应用（SPA）的核心是不刷新页面、动态更新内容，依靠前端路由（Hash/HistoryAPI）、组件化渲染、状态管理及服务端配合实现高效交互与首屏优化。
2025-12-19 16:50:57
323
javascript的防抖和节流是什么_如何实现并应用它们 防抖是事件停止触发一段时间后执行最后一次回调，节流是在固定时间间隔内最多执行一次。防抖适用于搜索输入、resize等“操作结束后响应”场景；节流适用于滚动、鼠标移动等“需持续但限频响应”场景。
2025-12-19 16:44:02
891
javascript如何实现推送通知_Notification API的使用流程是什么？ JavaScript实现推送通知主要依赖两个核心机制：浏览器原生的NotificationAPI（用于显示本地通知）和PushAPI+ServiceWorker（用于接收服务器发起的后台推送）。很多人混淆二者，这里先明确：NotificationAPI本身不收消息，只负责“显示”；真正实现远程推送必须配合PushAPI和后台服务。一、启用NotificationAPI（用户授权与显示）这是推送功能的第一步，必须获得用户明确授权才能显示通知：调用Notifica
2025-12-19 16:43:02
756
什么是跨域请求_javascript中如何处理跨域问题？ 跨域请求是浏览器因同源策略限制而无法读取不同源响应内容的安全机制；CORS是标准解决方案，需后端配置响应头，开发期可用代理绕过。
2025-12-19 16:39:19
367
javascript对象是什么_如何创建和操作对象属性 JavaScript对象是存储键值对的无序、可变、动态集合，用于表示实体或数据结构；键为字符串/Symbol，值可为任意类型；创建方式包括字面量、构造函数和Object.create()；支持点语法和方括号语法访问属性，可用delete删除，常用hasOwnProperty()、in操作符及Object.keys/values/entries遍历。
2025-12-19 16:32:02
517
javascript localStorage怎样使用_它存储的数据有安全风险吗？ localStorage不能存敏感信息，仅适用于非敏感前端状态数据；使用setItem/getItem/removeItem操作字符串，对象需JSON序列化；存在XSS窃取、明文存储、无访问控制等安全风险。
2025-12-19 16:20:03
285
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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

  • PHP学习

  • 技术支持

  • 返回顶部