javascript - 想将 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>