他のページで使用するようにJSで変数配列を保持

Question

特定のページだけがJS/jQueryにアクセスしたときにリストを作成しようとしています。私は他のページやその中の変数を訪問するときにこのリストにアクセスする必要があります。どのように保管しますか？

私は関数外でこれを定義することで大丈夫だろうと考えました...？

var colours = []; 

//make the list 
$(document).ready(function() { 
    if (window.location.href == 'http://something/anotherthing/') { 
     colours.push(orange); 
     colours.push(purple); 
     colours.push(green); 
     colours.push(magenta); 
     } 
    } 
}); 

//want to access the list here! 
$(document).ready(function() { 
    //need to access the colours as defined above 
    var index = 3; 
    var using_colour = colours[index]; 
}); 

私は、私はそれがhttp://something/anotherthing/ "ではないビューのために戻って空白来るの理由であるvar colours = [];を設定しておく実現。私はそれを移動した場合

が未定義

のプロパティを読み取ることができない私は基本的に、どのように私は一度変数リストを作成しないし、後でそれにアクセスを取得しますか...？

おかげ

Answer 1

localStorageの使い方を明確にするために、ページをリロードしたり別のページに移動しても、同じドメイン内にあります。

使用例：あなたはObjectsを格納する必要がある場合も

if(localStorage["colours"] === undefined) { 
    localStorage["colours"] = ["orange", "purple", "green", "magenta"]; 
} 

var colours = localStorage["colours"].split(','); 

、あなたはJSON.stringify/JSON.parseを使用して行うことができます。

localStorage["colours"] = JSON.stringify({ green: 'blue', purple: 'orange' }); 
var colours = JSON.parse(localStorage["colours"]); 

Answer 2

あなたは、メインテンプレートのHTML/PHPファイル内の別のスクリプトタグを作成する必要があります。

<script type="text/javascript"> var colors = []; </script>

し、すべてのscriptのタグの上にこれが含まれます。しかし、コアJSファイル以下。私はこのためにjQueryプラグイン（jQueryのクッキー）を使用してい

Answer 3

、あなたが他のページロードイベントにこれをアクセスすることができた後

var colours = []; 

//make the list 
$(document).ready(function() { 
     if (window.location.href == 'http://something/anotherthing/') { 
      colours.push(orange); 
      colours.push(purple); 
      colours.push(green); 
      colours.push(magenta); 

      Cookies.set('ColoursArray', colours); 
     } 
}); 

をあなたのクッキーを設定https://github.com/js-cookie/js-cookie

まずから同じを得ることができます

$(function() { 
     if(Cookies.get('ColoursArray') != 'undefined'){ 
    var colours = Cookies.get('ColoursArray'); --> this is your array 
    } 
});