搜索
您的当前位置:首页正文

页面中iframe相互传值传参_javascript技巧

2023-12-02 来源:欧尚宠物网

一个页面,iframe了一个框架: parent.add_cart(); //子框架,可以访问父框架的函数 parent.frames["BoardList"].document.getElementById("name").value; //父框架获取子框架元素的值.

小编还为您整理了以下内容,可能对您也有帮助:

iframe传值

1、src传值

父页面:

<iframe id="video1" width="100%" height="100%" src="/static/jsmpeg-master/view-stream.html?url=live1" frameborder="0"></iframe>

子页面:

window.onload = function () {

    let url = 'ws://172.18.8.51:8082/' + location.href.split('=')[1] // ws://172.18.8.51:8082/live1

}

2、postMessage

父页面:

window.onload=function(){

    document.getElementById('iframe').contentWindow.postMessage('要传的值', '*')

}

*表示无,也可以是一个url

子页面:

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

    console.log(e.data) // e.data即为父页面中'要传的值'

}, false)

怎么用js回调函数实现在两个网页之间传接参数功能,其中一个网页是另一个网页的内嵌页(iframe)

父窗口可以在取得iframe对象以后(document.getElementById)以后(比如ifa),用ifa.function1()来调用iframe里面window.function1函数,iframe里面的js可以用parent.function2()来调用父窗口里面的window.function2函数。

赋值的话就更简单了,ifa.aaa = 0,就是把子窗口里面的window.aaa赋值为0了,子窗口里面的js直接用window.aaa就可以取得这个值,同理,iframe里面的js用parent.bbb = 1,就是把父窗口的window.bbb赋值为1了,父窗口就可以用window.bbb来取用这个值了。追问这里有用回调函数吗?

如何解决iframe跨域传参Blockedaframewithorigin问题?

这个问题通常是由于浏览器的安全策略导致的。您可以通过以下方法解决这个问题:

1.使用postMessage方法安全地跨iframe进行通信。在子页面中,您可以使用window.parent.postMessage(data,'*')来发送数据到父页面。在父页面中,您可以使用window.addEventListener('message',function(event){...})来接收数据。

2.使用window.name属性。在父页面和子页面中,您可以使用window.name来共享数据。

3.使用片段标识符。在父页面和子页面中,您可以使用document.domain来指定相同的域名,然后使用文档片段标识符(#)来访问子页面中的元素。

iframe 中如何登录目标网站并携带参数跳转?

您可以在iframe中使用window.parent.postMessage()方法向父级页面传递数据,然后在父级页面中使用window.addEventListener('message', event => {})监听传入的message并处理。具体实现流程如下:

1. 父级页面通过postMessage()方法向iframe内部系统传输token等信息;

2. iframe内部系统通过window.addEventListener('message', event => {})监听传入的message并处理;

3. 当iframe内部系统需要跳转到目标网站时,可以通过window.parent.postMessage()方法向父级页面传递参数,然后在父级页面中使用window.location.href = url的方式跳转到目标网站。

欧尚宠物网还为您提供以下相关内容希望对您有帮助:

iframe传值

1、src传值 父页面:&lt;iframe id="video1" width="100%" height="100%" src="/static/jsmpeg-master/view-stream.html?url=live1" frameborder="0"&gt;&lt;/iframe&gt; 子页面:window.onload ...

iframe 中如何登录目标网站并携带参数跳转?

您可以在iframe中使用window.parent.postMessage()方法向父级页面传递数据,然后在父级页面中使用window.addEventListener('message', event =&gt; {})监听传入的message并处理。具体实现流程如下:1. 父级页面通过postMessage()方...

如何向一个页面中的两个iframe传值

jsp页面子页面像父页面的iframe传值:1:document.getElementById("ii").contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了;2:$("#ii")[0].contentWindow...

...其中一个网页是另一个网页的内嵌页(iframe)

赋值的话就更简单了,ifa.aaa = 0,就是把子窗口里面的window.aaa赋值为0了,子窗口里面的js直接用window.aaa就可以取得这个值,同理,iframe里面的js用parent.bbb = 1,就是把父窗口的window.bbb赋值为1了,父窗口就...

在jsp页面中,frame之间以及子页面和父页面间参数是如何传递的?_百度...

text1.outter" value="outter text"/&gt; &lt;input type="button" value="访问子页面" onclick="getChildEl()" /&gt; &lt;br/&gt; &lt;iframe id="inner" name="inner" src="child.html"&gt;&lt;/iframe&gt; &lt;/body&gt; &lt;/html&gt; ...

iframe如何传值给父iframe

在子iframe中如果需要用js传值给父窗口,或是调用父窗口的方法需要在前边加上top.修改父窗口控件属性 window.parent.document.getElementById('frmright').src=window.parent.document.getElementById('frmrightsrc').value;...

如何解决iframe跨域传参Blockedaframewithorigin问题?

您可以通过以下方法解决这个问题:1.使用postMessage方法安全地跨iframe进行通信。在子页面中,您可以使用window.parent.postMessage(data,'*')来发送数据到父页面。在父页面中,您可以使用window.addEventListener('message',...

有什么办法把iframe中的变量传到主页面当中呢?

} &lt;/script&gt; 需要说明:1、script脚本中的内容可以用动态语言来生成。以方便复杂的处理结果,我不会PHP,但是用ASP做过。可以的。2、document.all.textfield2.value;可以换成变量,不一定要传控件采集的值。

Js获取Iframe页面高度,并将高度赋值给Iframe

&lt;script type="text/javascript" language="javascript"&gt;。function iFrameHeight() {。var ifm= document.getElementById("mainweb");。var subWeb = document.frames ? document.frames["mainweb"].document :。ifm....

将vue使用iframe嵌套至html中使用(页面交互传值)

原因: 同源安全策略 你不能用javascript访问一个&lt;iframe&gt;,如果你能做到这一点,那将是一个巨大的安全缺陷。对于同一源策略浏览器,阻止脚本尝试访问具有不同源的帧。参见: https://www.jianshu.com/p/daaaaef7fe8...

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

Top