1. 程式人生 > >js中實現資料的本地儲存和呼叫

js中實現資料的本地儲存和呼叫

我這裡用一個遊戲中的分數為例:

   1.全域性中設定一個物件Container來儲存資料  var Container = {};

   2.在物件中寫兩個介面儲存資料和呼叫資料

 var Container = {     

              SetScore:function(value){

                   this.SetCookie("_GameScore", value);

              },
                        GetScore:function() {
                   return this.GetCookie('_GameScore');
              },  
            
              SetCookie: function (name, value) {
                   console.log("SetC", name, value);
                   var cookieDate = new Date();
                   var NextYearTime = cookieDate.getTime() + (365 * 86400 * 1000);
                   cookieDate.setTime(NextYearTime);
                   document.cookie = name + "=" + encodeURIComponent(value) + "; expires=" + cookieDate.toUTCString();
              },
             
              GetCookie:function(name){    
                 var cookie_array = {};
                 var cookie = document.cookie;
                 var cookie_sets = cookie.split(';');
                 for (var num in cookie_sets) {
                        var sets = cookie_sets[num].split('=');
                        var cookie_key = sets[0].replace(/^\s+|\s+$/g, '');
                        delete sets[0];
                        var cookie_value = sets.join('=');
                        cookie_value = cookie_value.replace(/^=/, "");
                        cookie_array[cookie_key] = decodeURIComponent(cookie_value);
                    }               
                 return cookie_array[name];
                }
	};

   3.在遊戲中存取分數:Container.SetScore(TARGET_SCORE); TARGET_SCORE玩家當前獲得的分數進行儲存

4.獲取分數:Container.GetScore(); 
如果有多個數據需要存取,只需要多設定一些存取的介面,通過儲存code獲取資料即可
4.4

相關推薦

js實現資料本地儲存呼叫

我這裡用一個遊戲中的分數為例:   1.全域性中設定一個物件Container來儲存資料  var Container = {};   2.在物件中寫兩個介面儲存資料和呼叫資料 var Container = { SetScore:fu

HTML 5 WebStorage實現資料本地儲存

webstorage 分sessionStorage和localstorage,sessionStorage是臨時儲存,localStorage是永久儲存。 sessionStorage如果瀏覽器關閉了,資料就沒有了,而localStorage則不會。 sessionSto

JS實現JSON對象JSON字符串之間的相互轉換

獲取 bsp com .com ins 對象 ie7 strong line 對於主流的瀏覽器(比如:firefox,chrome,opera,safari,ie8+),瀏覽器自己提供了JSON對象,其中的parse和stringify方法實現了JSON對象和JSON字符串

【matlab】Matlab實現資料以.mat檔案形式的儲存讀取

1、儲存 利用save函式 save(filename)  %將當前工作區中的所有變數儲存在 MATLAB® 格式的二進位制檔案(MAT 檔案)filename 中。 save(filename,variables) %僅儲存 variables 指定的結構體陣列的變數

微信小程式資料儲存獲取

/儲存資料     try {       wx.setStorageSync('key',this.data.radioCheckVal2)  //key表示data中的引數

angular.jsvue.js實現函數去抖(debounce)

搜索輸入框 sea class 方案 get clas 電路 dia ive 問題描述 搜索輸入框中,只當用戶停止輸入後,才進行後續的操作,比如發起Http請求等。 學過電子電路的同學應該知道按鍵防抖。原理是一樣的:就是說當調用動作n毫秒後,才會執行該動作,若在這n毫秒內又

SparkStreaming消費Kafka資料 使用zookeeperMySQL儲存偏移量的兩種方式

Spark讀取Kafka資料的方式有兩種,一種是receiver方式,另一種是直連方式。今天分享的SparkStreaming消費Kafka中的資料儲存偏移量的兩種方式都是基於直連方式上的 話不多說 直接上程式碼 ! 第一種是使用zookeeper儲存偏移量 object Kafka

JS基本資料型別引用型別最根本的區別

前言 JS中的型別只有6種,其中基本資料型別有5種分別為string,number,boolen,null,undefined,引用型別有一種,就是object,object是一個大的綜合體,在JS中除了那5個基本資料型別以外,其他的一切皆物件。 正文 兩個對比的例

----如何在js實現公有私有屬性

私有方法其實和閉包是有關係的,私有方法在其他語言裡面是不被訪問到的,除非有專門的介面,js的區域性作用域裡面的東西在正常情況下也是不能被外部訪問到,但是通過閉包的方式可以訪問到,這樣我們就可以利用這個特性,看例子: var book = (function(){ var page =

vue.js 的{{資料}}可以實現字串操作麼?

<div id="demo" v-html="ProContent | replace"> </div> <script> Vue.filter('replace', function (input) { return inp

JS實現字串陣列的相互轉化

        早上起來看了一道JS的面試題,是這樣描述的:利用var s1=prompt("請輸入任意的字串","")可以獲取使用者輸入 的字串,試程式設計將使用者輸入的字串“反轉”,並且將字串輸出

微信小程式實現歷史搜尋記錄的本地儲存刪除

輸入框和搜尋按鈕表單的wxml,沒啥特別的,這裡綁定了輸入框的輸入值,樣式我就不放上來了 <form class='searchForm' bindsubmit='searchSubmitFn'> <input value="{{searchValue}}"

QTVS讀取.txt檔案資料儲存為陣列

QT中讀取.txt檔案並儲存為陣列 QFile fpx("/work/qt_workspace/saly/pix_x.txt"); QFile fpy("/work/qt_workspace/saly/pix_y.txt"); // QVector&l

js教程--從入門到精通 第一篇 js的前世今生以及js基本資料型別引入方式

1、Javascript前世今生    1.1、什麼是Javascript       Javascript運行於Javascript 【直譯器/引擎】中的解釋性指令碼語言     &nb

js 實現頁面跳轉的方法(window.locationwindow.open的區別)

<html> <head> <script language="javascript"><!-- function old_page() { window.location = "http:

js常用資料型別之間轉換--字串轉換成數字;----字串json;---字串陣列

字串轉數字 parseInt("1234blue");   //returns   1234 parseInt("0xA");   //returns   10parseInt("22.5");   //returns   22parseInt("blue");   //r

JS可以用來儲存使用者資料的方法或方式

     sessionStorage,localStorage和cookie都是用來儲存使用者資料的方式,sessionStorage和localStorage是HTML5 Web StorageAPI中提供的,可以方便的在web請求之間儲存資料,有了本地資料,就可以避免

在ListView動態新增EditText並對其中的資料進行儲存由於複用引起的Editext的內容顯示異常的解決方案

public class AddAdapter extends BaseAdapter { private Context context; //需要增加的條目用一個Map儲存 private Map edItem; //記錄增加的條目數,作為下標給deItem賦值,可以不要

js、Extjs函式的賦值呼叫

//設定滾動條; function scrollFun(){ Ext.getCmp('scrollItem').doLayout(); Ext.getCmp('ScrollPanelID').doLayout(); //設定滾動條的長度 console.i

Android突發情況資料儲存恢復

原文地址:請掃文後stormzhang大神的微信公眾號——AndroidDeveloper 本文由我的一位讀者「MeloDev」獨家授權投稿,這個知識點堪稱面試常問的基礎知識點之一,建議多讀幾遍,一定理解掌握。微信不支援外鏈,可點選「閱讀原文」檢視。 寫在前面 在我們的