如何在JavaScript中将值从一个html页面传递到另一个页面？

I know this question ask many times but my question is something different.
I have 3 html pages like apply.html, personal_info.html, resume info.html.

我知道这个问题很多次，但我的问题是不同的。我有3个html页面，如apply.html，personal_info.html，resume info.html。

In apply.html page:-
I use one LinkedIn button for LinkedIn-login. when user click on that button and filling login information, it fetch user data from LinkedIn. And show it on same page(apply.html).

在apply.html页面中： - 我使用一个LinkedIn按钮进行LinkedIn登录。当用户点击该按钮并填写登录信息时，它从LinkedIn获取用户数据。并在同一页面上显示（apply.html）。
In personal_info.html:-
I need to show this personal information in respective TextField which we fetch from LinkdIn.

在personal_info.html中： - 我需要在我们从LinkdIn获取的相应TextField中显示此个人信息。
In Resume_info.html:-
Here I need to show Career information which we fetch on apply.html page using LinkedIn.

在Resume_info.html中： - 在这里，我需要显示我们使用LinkedIn在apply.html页面上获取的职业信息。

I don't understand how to do this? I am very new on Html,JavaScript.
Here is my code for your reference.

我不明白怎么做？我是Html，JavaScript的新手。这是我的代码供您参考。

Apply.html where I fetch LinkedIn Date

Apply.html我在哪里获取LinkedIn日期

<html>
<head>    
<script type="text/javascript"> 
function loadData() {
IN.API.Profile("me")
.fields(["id", "firstName", "lastName", "pictureUrl","headline","industry","location:(name)","positions:(title)","emailAddress"])
  .result(function(result) {
  profile = result.values[0];
  profHTML = "<p><a href=\"" + profile.publicProfileUrl + "\">";
  profHTML += "<img class=img_border align=\"left\" src=\"" + profile.pictureUrl + "\"></a>";      
  profHTML += "<a href=\"" + profile.publicProfileUrl + "\">";
  profHTML += "<h2 class=myname>" + profile.firstName + " " + profile.lastName + "</a> </h2>";
  profHTML += "<span class=myheadline>" + profile.headline + "</span>";
  profHTML += "<h3>" + profile.industry + "</h3>";
  profHTML += "<h3>" + profile.location.name + "</h3>";
  profHTML += "<h3>" + profile.positions.values[0].title + "</h3>";
  profHTML += "<h3>" + profile.positions.values[1].title + "</h3>";
  profHTML += "<h3>" + profile.emailAddress + "</h3>";
 $("#profiles").html(profHTML);
  });
 } 
</script>
</head>
<body>
<script type="IN/Login" data-onAuth="loadData"></script>
<div id="profiles"></div>
<div id="profiles1"></div> 
</body>

personal_Info.html where I need to show LinkedIn data.

personal_Info.html我需要显示LinkedIn数据。

<body>
<div id="container">
<section>
<div class="results"> 
 <div class="results-head">
  Personal Info
  <div class="pagecount">1/6</div>
  </div>
  <div class="job-des">
   <div class="row">
     <input name="textfield2" type="text" id="textfield1" value="First Name"  class="input-field" onblur="if (this.value == '')">
   </div>
  <div class="row">
    <input name="textfield" type="text" id="textfield2" value="Last Name" class="input-field"> 
  </div>
  <div class="row">
    <input name="textfield" type="text" id="textfield3" value="Street Address" class="input-field"> 
  </div>
   <div class="row">
    <input name="textfield" type="text" id="textfield4" value="City" class="input-field"> 
  </div>
   <div class="row">
   <select name="select2" id="select2" class="input_list2">
      <option value="">  Country  </option>
    </select>
  </div>
   <div class="row">
    <select name="select2" id="select3" class="input_list2">
      <option>State</option>
    </select>
  </div>
   <div class="row">
     <select name="select2" id="select4" class="input_list2">
      <option>Region</option>
    </select>
  </div>
   <div class="row">
    <input name="textfield" type="text" id="textfield5" value="Zip/Postal Code" class="input-field"> 
  </div>
  <div class="row">
    <input name="textfield" type="text" id="textfield6" value="Email Address" class="input-field"> 
  </div>
   <div class="row">
   <input name="" type="checkbox" value="" checked align="bottom"> 
   Authorization to work in U.S.
  </div>



  </div>


</div>
<div class="input-btn-panel">
  <div class="input-btn-wrap"><input type="submit" name="button" id="button" value="Next" class="blue-btn" onClick="updateTxt()"></div>

 <div id="profiles"></div>
</div>
</body>

Please give me some hint. I don't understand how to do this?

请给我一些提示。我不明白怎么做？

2 个解决方案

#1

You could use the HTML5 local storage. It lets you tell the browser to save data on the user's machine. (There's also session storage, valid only for the current session.)

您可以使用HTML5本地存储。它允许您告诉浏览器将数据保存在用户的计算机上。（还有会话存储，仅对当前会话有效。）

Save (in Apply.html)

保存（在Apply.html中）

IN.API.Profile("me")
.fields(["id", "firstName", "lastName", "pictureUrl","headline","industry","location:(name)","positions:(title)","emailAddress"])
  .result(function(result) {
      profile = result.values[0];

      // save all keys to local storage
      for (f in profile) localStorage[f] = fields[f];

      // more stuff ...
  });

Retrieve (in personal_Info.html)

检索（在personal_Info.html中）

// retrieve first name from local storage
var firstName = localStorage["firstName"];
if (firstName !== undefined) {
    $("#textfield1").attr(value, firstName);
}

#2

Well you can use HTML5 session storage. Check this link.

那么你可以使用HTML5会话存储。检查此链接。

Just dig around on HTML5 session storage and you will find a lot of examples.

只需深入研究HTML5会话存储，你会发现很多例子。

#1