想在另一个页面中将CSS ID传递给选择器

Question

我想通过点击链接将JQuery中的变量从一个网页传递到另一个网页。

例如。我有两个网页（Page1.html和Page2.html），都包含Jquery脚本

当用户点击Page1.html中的链接时，我希望将一个变量传递给驻留在Page2.html中的JQuery脚本

非常感谢！

Answer 1

使用HTML5，您可以使用

var myValue = 10;

localStorage.setItem("the value", value);

要在域的本地存储中设置值并使用

localStorage.getItem("the value");

在第二页上检索值。

Answer 2

解决方案1：

您可以在第1页中发送不带jQuery的变量，只需传递URL中的值即可。

示例：

<a href="page2.html?variable=value">Link</a>

解决方案2：

第1页中的HTML

<a href="page2.html" id="element">Link</a>

的jQuery

jQuery(document).ready(function() {  
    jQuery('#element').click(function(e)
    {
      e.preventDefault();
      var url=jQuery(this).attr('href');
      var send_data="sample"; /* data you need to send */
      document.location='page2.html?variable'+send_data
    }) 

});

在两个解决方案中常见的Page2.html

<script type="text/javascript">
var value = get_variable("variable"); /* The data you send from page1.html will be stored in this variable value */

function get_variable(variable)
{
     var returnvalue = "";
     var url = window.location;
     var breaks = url.split('?'); /* Separating the file name and sent variables */
     var values = breaks[1].split('&'); /* breaking for multiple arguements  */

     for ( var i=0; i<values.length; i++)
     {
          var valsplit = values[i].split('=');

          if ( valsplit[0] == variable )
          {
              returnvalue = valsplit[1]; /* Returning our desired variable  */
          }
     }

     return returnvalue;
}
</script>