JS frame 跨域 传值
2024-09-25 08:54:58
1.在index.html 页面定义一个 函数用于接收 子页面的调用。
<iframe id="common_iframe" class="common_content" style="height:100%;width:100%;border:0 none;" src='index2.html'></iframe>
function reFun(data) {
alert(data);
}
2.在index2.html 页面中 增加一个的iframe ,但是调用地址 需要与index.html 同一个域(可以根据需要 动态创建iframe 灵活调用)。
这样就可以在 index2.html 中调用 index.html 的函数了。
window.parent.parent.reFun("goMain"); // 调用父 窗体函数。
-------------------------------------------------
3. 使用HTML postMessage 进行消息传递
// 子页面像主页面 传递消息
window.parent.parent.reFun('goMain');
// 主页面 消息监听
window.onmessage = function (e) {
if (e.origin == "http://www.XXX.com") {
if (e.data == "goOrder") {
openSection("myOrderSection");
}
}
}
// 主页面向子页面发送消息
window.frames[0].postMessage('123','*'); //子页面接收同主页面一样
最新文章
- C#和.net的版本
- Tween.js的使用示例
- 使用jQuery开发一个响应式超酷整合RSS信息阅读杂志
- Java IO 写文件
- Particles.js基于Canvas画布创建粒子原子颗粒效果
- Windows应用替代方案接龙
- Map排序(按key/按value)
- jQuery Builder
- 浏览器返回按钮不会触发onLoad事件
- 由世纪互联运营的 Windows Azure 现已在中国正式发布
- flash检测网络是否通畅
- TCP协议(二)——TIME_WAIT状态
- TZOJ 2392 Bounding box(正n边形三点求最小矩形覆盖面积)
- Empirical Evaluation of Speaker Adaptation on DNN based Acoustic Model
- 第二十八节:Java基础-进阶继承,抽象类,接口
- layui和bootstrap对比
- c# 程序重启设定
- NET Core 实战:使用 NLog 将日志信息记录到 MongoDB
- 远程服务通讯Service(Remote--AIDL)
- 微信对接HIS——微信可查检验结果