在頁面上打印本地存儲
[英]Print Local Storage onto page
問題描述
如何在游戲中向用戶顯示高分？ 我不能使用onload() ，那么如何顯示存儲的高分？ 這是我的獲得分數的代碼。
var hs = localStorage["hs"];
function myFunction() {
$("#demo").text(hs);
}
2 個解決方案
解決方案1
0 2016-02-01 06:35:12
<script type="text/javascript">
localStorage.setItem("highscore","100");
var v=localStorage.getItem("highscore");
alert(v);
</script>
您需要使用setItem（）將值分配給變量，並使用getItem（）來獲取值
解決方案2
0 已采納 2016-02-01 07:04:55
這將為您提供幫助。
<!DOCTYPE html>
<html>
<head>
<title>A game</title>
</head>
<body>
<div id="showscore"></div>
// Keep the script tag at the end of your HTML code.
<script type="text/javascript">
//localStorage.setItem("highScore","564544");
var highScore = localStorage.getItem("highScore");
// Considering you already have highScore set in local storage.
// Uncomment your line number 10 if you want to set in local storage
if(highScore){
document.getElementById('showscore').innerHTML = highScore;
}
else{
document.getElementById('showscore').innerHTML = "Play your first game";
}
</script>
</body>
</html>
您可以在此處使用innerHTML dom屬性插入存儲在本地存儲中的高分。
確保將腳本插入html代碼的末尾，因為腳本需要首先呈現所有元素。
將保存的數據從本地存儲顯示到html頁面上
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.