如何在 JavaScript 中将值从一个 html 页面传递到另一个页面？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/12233892/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to pass value from one html page to another in JavaScript?
提问by Sandip Armal Patil
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).In personal_info.html:-
I need to show this personal information in respectiveTextFieldwhich we fetch from LinkdIn.In Resume_info.html:-
Here I need to show Career information which we fetch on apply.html page using LinkedIn.
在 apply.html 页面中：-
我使用一个 LinkedIn 按钮进行 LinkedIn 登录。当用户单击该按钮并填写登录信息时，它会从 LinkedIn 获取用户数据。并将其显示在同一页面上（apply.html）。在personal_info.html：-
我需要分别TextField显示我们从LinkdIn 获取的个人信息。在 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?
请给我一些提示。我不明白如何做到这一点？
采纳答案by McGarnagle
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 本地存储。它可以让您告诉浏览器将数据保存在用户的机器上。（还有session storage，仅对当前 session 有效。）
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);
}
