iframe标签使用传递参数

父级给iframe内部传递参数

方法1：很简单，直接在iframe的src数属性中拼接上参数

// 发送方：
<div><iframe :src="url" id="childFrame" importance="high" name="demo" ></iframe>
</div>url = `http://localhost:8080/couponManager?a={a}` //接收方：直接使用window.location.search接收，然后对接收到的进行处理

未完待续…

iframe内部给父级传递参数

方法1：使用postMessage方法跨域传递

// 发送方：
top.postMessage("hello", "http://localhost:8081"); // 要写top.postMessage或者是parent.message// 接收方：
window.addEventListener( "message",
(e)=>{console.log(e.data)}
false);

未完待续…

遇到的问题

1、问题：Failed to execute ‘postMessage’ on ‘DOMWindow’
如果遇到上面的问题可以看下这位大佬的解释：Failed to execute ‘postMessage’ on ‘DOMWindow’

上面的方法都是我自己亲自试过的，完全可用，如果小伙伴还有比较好的方法，可以留言给我，万分感谢~~

iframe标签使用传递参数相关推荐

iframe跨域传递参数
子页面(iframe引入的页面) window.parent.postMessage({eventId:data.eventId},'*'); postMessage的参数: 第一个:要传递的数据,可 ...
jsp中文传值到java乱码_jsp传递参数中文乱码解决办法
a标签超链接传递参数可以使用javascript encodeURI方法登陆注册 javascript:调用js函数,location.href=跳转,encodeURI对字符串编码 login ...
html5父子页面数据传递,使用iframe标签嵌套页面时如何进行父子页面通讯/传值...
父页面使用iframe标签引入子页面 (使用本地文件) 父页面 function myFunction(e) { console.log("我是父页面的方法") } 引入本地路径的 ...
[html] 在两个iframe之间传递参数的方法有哪些？
[html] 在两个iframe之间传递参数的方法有哪些? 通过postMessage与父级通过,父级传递消息通过websocket通信如果是同一个域名下可用stroage,监听storageChan ...
jsp页面，使用Struts2标签，传递和获取Action类里的参数，注意事项。s:a actions:iterators:paramognl表达式...
在编写SSH2项目的时候,除了使用<s:form>表单标签向Action类跳转并传递参数之外,很更多时候还需要用到<s:a action="XXX.action" ...
qt如何把父窗口的变量传给子窗口_父窗口和iframe子窗口之间相互传递参数和调用函数或方法...
1.父窗口向子窗口传递参数: 可以在url中添加参数:2.html?a=1&b=2&c=3 然后在子页面上可用js解析,提供一个函数: function getQueryStr(sAr ...
iframe给php传值,向iframe传递参数
有时候我们需要用到 iframe ,同时需要向 iframe 传递参数,那么我们需要如何去实现这一功能呢? 我们可以使用 JavaScript 来实现. 前端代码 JavaScript 代码在同一页 ...
react iframe 使用contentWindow.postMessage 传递参数
A项目(react)使用iframe 嵌套B(react) 项目时候需要传递一个对象: private gettaskDetailIframeSrc = () => {const { curre ...
html iframe 传递数据,iframe参数怎么传递参数到iframe页面
关于使用iframe跳转参数获取问题怎么把URL参数传递到B页面的iframe的C页面里? A页面打开一个B页面的链接,怎么把A页面的URL参数传递到B页面iframe的CA.html BB.htm ...

iframe标签使用传递参数

父级给iframe内部传递参数

iframe内部给父级传递参数

遇到的问题

iframe标签使用传递参数相关推荐

最新文章

热门文章