html跨域传值,iframe 跨域传参

iframe 跨域传参

2020-08-19

编程之家

https://www.jb51.cc

编程之家收集整理的这篇文章主要介绍了iframe 跨域传参，编程之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_403_0@

parent-index.html: (本地起服务，放在5000端口上)

//当前脚本

function resize() {

var ifr = document.getElementById(‘sendMessage‘);

//使用iframe的window向iframe发送message。

ifr.contentWindow.postMessage("123","http://localhost:5001");

window.addEventListener(‘message‘,function (e) {

alert(‘回传 ‘ + e.data)

})

}

child-second.html: (本地起服务，放在5001端口上)

xxxxx

window.addEventListener(‘message‘,receiver,false);

function receiver(e) {

if (e.data) {

console.log(e)

// 注释掉的为单次父子交互

// var obj = {‘name‘: ‘qwer‘,‘age‘: ‘xxx‘}

// e.source.postMessage(JSON.stringify(obj),e.origin);

// console.log(e.data)

document.getElementById(‘howMuch‘).onclick = function second() {

// 父子建立联系后，儿子html可以通过点击事件多次主动向父亲传值

var obj = {‘name‘: ‘qwer‘,‘age‘: ‘xxx‘}

window.parent.postMessage(JSON.stringify(obj),‘http://localhost:5000‘)

}

} else {

alert(e.data);

}

html跨域传值,iframe 跨域传参相关推荐

html跨域传值,iframe跨域传值踩坑
我在React项目中使用iframe加载angular项目的页面,想要传一串用户信息,由于跨域,采用了HTML5的新方法postMessage(). 花了很多时间,就是传不过去消息,然后angular ...
【转】JS跨域（ajax跨域、iframe跨域）解决方法及原理详解（jsonp）
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...
JS跨域（ajax跨域、iframe跨域）解决方法及原理详解（jsonp）
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...
ajax传值实体类_ajax传参到实体类对应字段
之前看公司的代码,从页面ajax传参数到接口类,接口类用一个实体接收.我一直以为c#会自动识别,赋值到同名的字段. 我曾和朋友讨论过,双方辩论.朋友认为c#没有这种功能,没有这样高级匹配的机制.而我因 ...
html的页面怎样直接跨域访问,【HTML】iframe跨域访问问题
概述本地同一浏览器访问本地HTML文件和访问服务器端HTML文件,本地Iframe没有自适应高度,而服务器端的Ifrane自适应了高度. 1.问题重现: Chrome 版本 41.0.2272.10 ...
QQ登录IE下iframe跨域session和cookie失效问题的解决方案
情景:webQQ登录,使用的是跨站点iframe弹窗登录,发现只有在IE浏览器下,登录存储session不起作用,一刷新页面就登出分析:IE限制第三方session/cookie 随着IE版本的不断 ...
angularJs 跨控制器与跨页面传值
虽然网上概括了四种或更多的传值方式,但我现在用的顺手的就两种首先要知道AngularJs可以构建一个单页面应用程序,所以我划分为跨控制器传值和跨页面传值两类 1.跨控制器传值-- $rootS ...
母子页的iframe传参跳转，参数需要编码
背景: 我的项目是一个正常html嵌套了一个iframe, 项目需要传参后,改变iframe的src属性值,实现显示不同的页面说明: 再不传值的时候显示是这样的传值后显示所传值的页面例如页面值是 ...
iframe跨域传值
postMessage跨域 postMessage是HTML5 XMLHttpRequest Level 2中的API,且是为数不多可以跨域操作的window属性之一,它可用于解决以下方面的问题: ...

html跨域传值,iframe 跨域传参

html跨域传值,iframe 跨域传参相关推荐

最新文章

热门文章