如何將本地存儲值分配給html元素？

我使用本地存儲將信息從一個頁面傳遞到其他頁面，現在我必須將此信息分配給html元素，我該怎麼做？如何將本地存儲值分配給html元素？

<!DOCTYPE html> 
<html lang="en"> 
<head> 


    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script> 

    $(document).ready(function() { 
     var globalarray = []; 
     var arrLinks =[]; 
     arrLinks = JSON.parse(window.localStorage.getItem("globalarray")); 
    $(#booking)// How to assign arrLinks here 

    }); 

    </script> 

</head> 
<body> 

<p id="booking">Not loaded yet.</p> 


</body> 
</html>

來源

2015-02-12 geeks

如何'$（ '＃預約'）。HTML（arrLinks）'？ – Raptor 2015-02-12 06:47:27

$（＃booking）應該是$（'＃booking'）。請向我們展示您陣列的內容。 – 2015-02-12 06:48:12

'$（'＃booking'）。text（arrLinks）'？ – 2015-02-12 06:48:19

你需要調用的jQuery

$('#booking').html(arrLinks);

的HTML功能，以及你需要把它作爲一個JSON字符串，而不是一個JSON。

所以不要解析JSON。

arrLinks = window.localStorage.getItem("globalarray");

Sample Fiddle

來源

2015-02-12 06:48:12 V31

你可以試試這個：

$(#booking).html(arrLinks);

我想這是arrLinks存儲在本地存儲的anchors陣列。如果在id預訂段落，他們將從那裏存儲並傳遞給html。

$(function(){ 
 
var arrLinks = ["<a href='http://www.stackoverflow.com'>StackOverflow</a>", 
 
       "<a href='http://www.twitter.com'>Twitter</a>"]; 
 
$("#booking").html(arrLinks); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="booking"></p>

來源

2015-02-12 06:48:44 Christos

如何將本地存儲值分配給html元素？

回答

相關問題