2013-07-25 26 views
-1

我想通過JQuery中的一個變量從一個網頁傳遞到另一個鏈接點擊。想通過一個CSS ID到另一個頁面中的選擇器

例如。我有兩個網頁(Page1.html和Page2.html),都包含JQuery腳本

當用戶點擊Page1.html中的鏈接時,我想要一個變量傳遞給駐留在Page2.html

非常感謝!

+1

您是否嘗試過什麼解決辦法? – mohkhan

回答

1

有了HTML5,你可以使用

var myValue = 10; 

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

要在您的域的本地存儲設置的值,並使用

localStorage.getItem("the value"); 

關於你的第二頁檢索值。

1

解決方案1:

您可以將變量沒有jQuery的在第1頁,只是傳遞值在URL中。

實施例:

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

解決方案2:

在頁面的HTML 1

<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> 
相關問題