js前端多页面动态传值

1需求分析

      在项目中其中有这样一个需求，我页面是由2个iframe页面嵌套组成，我需要点击第一个iframe的选项，将第一个页面的数据传递到第二个iframe页面中，从而获取第一个页面的值，让第二个页面能够使用第一个页面的值。

 

2技术方案

    思路：采用js原生缓存效果localStorage，将第一个页面的参数放入localStorage缓存中，第二个页面中增加

storage的动态监听值变化的监听器，从而达到获取动态值的效果

3代码实现

   iframe页面1

  

localStorage.setItem("param","hello js");

irame页面2

  

window.addEventListener("storage", function (e) {


    //监听逻辑


})

4关于作者

http://www.liph.fun