美文网首页
不同frame之间传值的方法

不同frame之间传值的方法

作者: 星月西 | 来源:发表于2017-04-22 21:28 被阅读139次

1.不同frame是同源的

  • 不同框架之间能够通过iframe元素的contentWindow属性,获取到彼此的window对象,就能通过window.document访问各自的属性和对象。
function test(){
            //获取子框架的window对象
            var win=document.getElementById('frame').contentWindow;
            var text=win.document.getElementById('title').innerText;
            document.getElementById('show').innerText=text;
        }
  • 同源的不同框架共用同一个本地存储localStorage,可以通过监听storage事件(webkit不支持此事件),来进行通信。

2.不同frame是不同源的

  • 不同框架可以获取到彼此的window对象,但是不同源的话就不能使用获取到window对象的属性和方法,此时可以通过设置为同样的document.domain,就能访问相应的属性和方法。
    document.domain='example.com';

  • 通过HTML5中的window.postMessage来跨域传送数据,接收消息的框架监听message事件,消息内容存储在事件对象的data属性中。

相关文章

  • 不同frame之间传值的方法

    1.不同frame是同源的 不同框架之间能够通过iframe元素的contentWindow属性,获取到彼此的wi...

  • frame之间传值的方法

    1.messageAPI poseMessage方法可以允许来自不同源的脚本采用异步方式进行有限的通信,可以实现跨...

  • 参数绑定与传值

    参数绑定与传值1)功能方法之间的跳转2)功能方法之间的传值3)方法和页面之间传值(重点)4)从页面到功能方法(V-...

  • Vue组件之间传值

    基于现在都是模块化开发,vue开发过程中组件之间传值是必不可少的,传值的方法有很多,今天整理一些组件之间传值的方法...

  • 代理

    不同页面间传值是必不可少,传值的方式有很多(方法传值,属性传值,代理传值,单例传值) ,这里主要总结下属性传值和代...

  • 花里胡哨的vue传值

    前言 在vue项目中,不可避免的会在不同组件之间进行传值 ,不同需求下有各式各样的传值方式。就比如说,兄弟组件传值...

  • 组件通信

    vue传值可分为父子之间传值、兄弟组件之间传值、跨代组件之间传值 1.父子之间传值:可以使用$emit/props...

  • Vue学习笔记之组件传值

    前言 在Vue开发过程中总会遇到组件之间传值的问题,这里总结一下现在学习到的组件之间的传值方法。 组件传值个人感觉...

  • iOS开发-通知的基本使用

    通知传值 界面之间的传值有很多方法,最基本的是可以实例化对象进行传值,也可以使用block块或者是使用通知进行传值...

  • fragment给fragment传值2

    昨天学习了两个fragment之间传值的一种方法,即通过Activity传值。今天来看一下来着之间直接传值的两种方...

网友评论

      本文标题:不同frame之间传值的方法

      本文链接:https://www.haomeiwen.com/subject/gnzszttx.html