Question

我使用本地存储将信息从一个页面传递到另一个页面，现在我必须将此信息分配给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>

Answer 1

你需要调用jquery的

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

除了你需要将它作为JSON字符串而不是JSON传递。

所以不要解析JSON。

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

Sample Fiddle

Answer 2

你可以试试这个：

$(#booking).html(arrLinks);

我认为arrLinks是存储在本地存储中的anchors数组。从存储中获取它们并将其传递给html如果带有id预订的段落，它们将会出现在那里。

$(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>

如何为html元素分配本地存储值？

2 个答案: