如何在没有get或post的情况下从一个页面到另一个页面获取javascript变量值

我有一个jQueryUI菜单，其中有一个按钮，单击按钮后会打开一个ligthbox样式的iframe。我希望button click事件获取所选菜单值，并将其发送到在iframe中打开的页面。我试过一些不起作用的东西。下面链接的那个家伙设计了一个解决方案，使javascript会话变量没有cookie，但我无法将变量传递给session.setVarstring name，混合值，它总是返回false，这意味着没有设置会话。只有当我传递字符串作为值时，它才起作用。

霉菌代码：

<script>
$(function(){
   $(".menu").menu({
          var selection =  ' ';
        select: function (event, ui) {
            $('.selected', this).removeClass('selected');

          // selection is that variable I want to pass to the page that opens in the iframe:

          selection = ui.item.addClass('selected').children('a').attr('name');

           } // closes select function
    }); // closes menu

    $("button").click(function(){

       //when the button is clicked the css lightbox effect happens and the div below opens an iframe containing the other page. 

               $("#light").css("display", "block");
               $("#fade").css("display", "block");

            }); //closes click()
}); // close function()
</script>

//iframe:

<div id="light" class="white_content"><iframe height= "400px" width ="450px" src="http://mydomain.com/invite_1.php"></iframe> </div>

<div>
        <ul class="menu" id="menu">
                <li><a href="#" name="academic_artStudies" id="academic_artStudies"><img src="" alt="" /><h2>Academic: Art Studies</h2></a></li>
                <li><a href="#" name="academic_Literature"><img src="" alt="" /><h2>Academic: Literature</h2></a></li>
                <li><a href="#" name="academic_socialSciences"><img src="" alt="" /><h2>Academic: Social Sciences</h2></a></li>
                <li><a href="#" name="academic_physicalNaturalSci"><img src="" alt="" /><h2>Academic: Physical/Natural Sciences</h2></a></li>
       </ul>
</div>

---

如果方便的话，您可以使用URL参数。

您需要cookies或本地存储。这将是一个GET请求？啊，是的。我可以想到的另一种方法是，在iFrame页面中编写一个值设置器Javascript/jQuery方法，并从父文档调用它。setter方法应该设置全局var的值。我不确定如何设置，但我会做一些研究，并尝试解决这个问题。谢谢