父子页面数据传输问题

1.父页面向子页面传值

在项目中定义了一个iframe的标签用于在一个页面的分屏处理，然后将要写的展示在他的子页面里面，遇到了想调用父页面值的问题，百度了好多方法，这里是我写的方法：

首先在父页面中有三个参数：

        $("#username").html(data[0].userName);
        $("#projectAll").html('<p>用户的id:</p><div id="sessionUserId">'+data[0].userId
                +'</div><p>用户项目id:</p><div id="sessionproId">1</div><p>用户性别</p><div id=sessionSex>'
                +data[0].userSex+'</div>'    );
        $("#role1").replaceWith(data[0].userRole);

这里是将在session中读取的数据放在指定的id下面，主要看中间一句话有这样几个id的东西sessionUserId，sessionproId，sessionSex这三个我保存了子页面需要传送的id的值，现在要取出来，如下方法：

var proid=$('#sessionproId', parent.document).html(); 

2.子页面向父页面传值

（目前没有用以后用到了再更新）