原文:如何实现跨域获取iframe子页面动态的url

有的时候iframe的子页面会动态的切换页面,我们在父页面通过iframe .contentWindow.window.location只能获取同源的子页面的信息。获取跨域的子页面信息会报错。 这时可以通过html 提供的接口 postMessage来过去跨域子页面信息。如下代码: 在localhost: 服务器下的入口测试页面:http: localhost: index.html lt DOC ...

2018-05-02 17:18 0 13145 推荐指数:

查看详情

下使用获取iframe的父页面URL

通常情况下,我们获取iframe页面url很简单:parent.location或top.location即可,但前提是它们遵循同源策略。当iframe与父页面不属于同一个域名时,像上面的获取会因为安全策略原因而失败。在nczonline的一篇文章上看到一种方法,使用 ...

Wed Aug 22 23:46:00 CST 2018 1 4298
iframe 页面页面传值

今天碰到一个需求,是不同的两个页面之间传值 在网上找了一下,一般有两个解决方案,一个是建立一个代理页面,通过代理页面传值, 另一个方法是通过H5的postMessage方法传值,今天用的是第二种。 首先,在父页面A中建立一个iframe,其中src要写好页面B的地址,然后在A页面中写 ...

Thu Aug 16 04:20:00 CST 2018 0 1553
和非 获取iframe页面高度的方法

方法: 第一步,在主页面里插入代码://假设主域名是www.aaa.com 需要插入的域名为www.bbb.com <iframe src="http://www.bbb.com/index.html" width="100%" height="100%" id ...

Tue Sep 20 23:44:00 CST 2016 1 6622
iframe 页面页面传值

今天碰到一个需求,是不同的两个页面之间传值 在网上找了一下,一般有两个解决方案,一个是建立一个代理页面,通过代理页面传值, 另一个方法是通过H5的postMessage方法传值,今天用的是第二种。 首先,在父页面A中建立一个iframe,其中src要写好页面B的地址,然后在A页面中写 ...

Thu Aug 06 18:11:00 CST 2020 0 500
iframe嵌套页面变化高度自适应

iframe嵌套子页面 现在的高度是整个屏幕的高度,如果子页面高度大于屏幕高度,内容无法显示,并且没有滚动条,要有滚动条必须给iframe赋值一个确定的高度。但是又由于他是页面,所以没办法获得页面的高度,所以可以使用postMessage方法,页面获取高度传值给父页面 ...

Wed Apr 07 23:18:00 CST 2021 0 224
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM