iframe 跨域 (子页面如果获取父页面元素)

试验场景:   

       a.html   在域  www.a.com下

       b.html    在域  www.b.com 下

      a中通过iframe 引用  b.html 

期望结果:

       在b.html相关处理完成后  修改   a.html中的元素   

应用场景:

       公司内部有两个系统,一个电商系统,一个第三方支付系统,    PC端需要在支付时跳转至第三方系统登录、支付,支付完成返回电商系统

解决案例:

    1:在域www.a.com 下新建一个页面取名为c.html


c.html案例

     

c.html

2.在a.html中添加引入b.html的iframe代码

a.html案例

     

父页面

 


3.在b.html中  创建一个隐藏iframe,其src地址为  域www.a.com下的c.html文件

  b.html案例

 

 子页面

.........

访问a.html 您会惊奇发现,  a.html中的input的value值变化了

解答:  

       首先同源策略是不可破的, 所以直接在b.html中去获取a.html中的元素是不可行的

        


你可能感兴趣的:(framework7)