如何获取从一个页面到另一个页面的JavaScript变量而无需获取或发布

Question

我有一个jQuery UI菜单，其中包含一个按钮，一旦单击该按钮，就会打开一个ligthbox样式的iframe。我想要按钮单击事件来抓取选定的菜单值并将其发送到在iframe中打开的页面。我尝试了一些不起作用的东西。下面的链接中的人设计了一个解决方案，使JavaScript会话变量没有cookie，但我不能将一个变量传递给Session.setVar（字符串名称，混合值），它总是返回false，这意味着没有设置会话。它只有当我传递一个字符串作为值时才起作用。 http://samuli.hakoniemi.net/javascript-session-variables-without-cookies/

mycode的：

<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> 

Answer 1

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