アクティブなセッションの新しいJavaScript値を維持する/アクティブなセッション中にすべてのページにJavaScriptスタイルを適用する

Question

プロジェクトでは、ユーザーエクスペリエンスを向上させるためのいくつかの機能を作成しています。私が使用する1つの関数は、数値をとり、段落のフォントサイズをその値に設定します。ユーザーが別のページに移動すると、サイズはスタイルシートに入れたCSS値に戻ります。入力値を持ち越してそのセッションのCSSに適用する方法はありますか？

function changeFS(id){ 
    var inputValue = document.getElementById(id); 
    var pArray = document.getElementsByTagName("p"); 
    for (var i = 0; i < pArray.length; i++) { 
     pArray[i].style.fontSize = inputValue.value + "pt"; 
    } 
    inputValue.value=""; 
} 

Answer 1

あなたがしたいことは、localStorageを利用することです。 MDNには、https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorageという優れた基準があります。

基本的にあなたがすることができます：

localStorage.setItem('fontSize', '15px'); 
localStorage.getItem('fontSize'); 

あなたがで互換性チャートを参照することができます