跨页面通信
4篇文章 · 0订阅
  • iframe通过postMessage跨域通信
    这样就比较简单的实现了主页面和子页面的双向通信。 需要注意的是postMessage API中的message在ie8/ie9等一些低版本浏览器中，中是不支持除String以外的其他类型时（因为不支持结构化克隆算法），所以，如果要兼容低版本ie，需要通过JSON.strigif…
    前端
  • 通过postMessage进行跨域通信
    最近工作中遇到一个需求，场景是：将一个pc端a页面作为主要展示内容内嵌在另一个pc端b页面中，用户在a页面中点击关闭的时候，然后b页面也实现关闭的效果。 这里首先想到就是通过iframe将a页面内嵌到b页面中，然后a页面通过postMessage方法，把变化的数据发送给b页面，…
    前端
  • 不同页面通信与跨域
    0. 前言 相信跨域有什么手段，大家都背得滚瓜烂熟了。现在我们来做一些不在同一个tab页面或者跨域的实践。 1. localstorage localstorage是浏览器同域标签共用的存储空间，所以可以用来实现多标签之间的通信。html5出现了一个事件： onstorage，…
    HTML JavaScript 前端
  • 面试官：前端跨页面通信，你知道哪些方法？
    在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。 正如下面这个例子：我在列表页点击“收藏”后，对应的详情页按钮会…
    浏览器
    面试官：前端跨页面通信，你知道哪些方法？