跨html文件访问javascript变量
我试图使用我的js文件来保存所有变量，我将在html文件中使用这些变量来更新或检索值。我觉得自己很傻，因为我可以从index.html文件访问helpers.js变量，但不能从main menu.html访问。任何帮助都将不胜感激。我正在尝试将用户的名字输入到我的mainMenu.html 我尝试将此链接作为参考，但我被卡住了： [跨html文件访问javascript变量,javascript,php,html,parse-platform,global-variables,Javascript,Php,Html,Parse Platform,Global Variables,我试图使用我的js文件来保存所有变量，我将在html文件中使用这些变量来更新或检索值。我觉得自己很傻，因为我可以从index.html文件访问helpers.js变量，但不能从main menu.html访问。任何帮助都将不胜感激。我正在尝试将用户的名字输入到我的mainMenu.html 我尝试将此链接作为参考，但我被卡住了： [ 包含我将引用的所有变量的我的js文件： 'helpers.js' var companyName = ""; var firstName = ""; var la
包含我将引用的所有变量的我的js文件： 'helpers.js'
var companyName = "";
var firstName = "";
var lastName ="";
var clientOrEmployee ="";
var online = "";
var offline = "";
function setFirstName(val){
firstName = val;
}
function getFirstName(){
return firstName;
}
<!doctype html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="helpers.js"></script>
<title>X2nSat</title>
<style>
.error {color: #FFFFFF;}
</style>
</head>
<meta name="description" content="title">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/styles.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.19.min.js"></script>
<body bgcolor="FFFFFF">
<link rel="stylesheet" href="login.css" />
<div id="wrapper">
<br><br><br>
<div id="main">
<center>
<form name="myform">
<br>
<center>
<img src="logo.png" />
</center>
<br>
<center><h1>Login</h1></center>
<br>
<strong>Email: </strong>
<br>
<input type="text" name="email">
<span class="error">
<br>
<?php echo $emailErr;?>
</span>
<br><br>
<strong>Password: </strong>
<br>
<input type="password" name="password">
<span class="error">
<br>
<?php echo $nameErr;?>
</span>
<br><br>
<input type="button" value="Log In" name="Submit" onClick="validate()">
</form>
<br><br><br>
</center>
</div> <!-- main -->
<script type="text/javascript" >
Parse.initialize("secretID", "secretID");
function validate() {
var em = document.myform.email.value;
var pw = document.myform.password.value;
var valid = false;
/* =========
Query for finding email, password, company name, first name, last name and client or employee status ================ */
var Clients = Parse.Object.extend("Clients");
var query = new Parse.Query(Clients);
query.equalTo("email", em);
query.equalTo("password",pw);
query.find({
success: function(results) {
if(results.length==0){
alert("Error: The information you have entered is incorrect. Please try again.");
}
else{
alert("Successfully retrieved " + results.length + " scores.");
}
// Do something with the returned Parse.Object values
for (var i = 0; i < results.length; i++) {
var object = results[i];
var company = object.get('ComapnyName');
var firstname = object.get('firstName');
var lastname = object.get('lastName')
var clientoremployee = object.get('client_or_employee');
companyName = company;
firstName = firstname;
lastName = lastname;
clientOrEmployee = clientoremployee;
alert(company+ " "+clientoremployee + ' : ' + firstname+ ' ' + lastname);
}//for loop end
//start
alert(getFirstName()); //this is working 100%!!!!!!
/*=====
Query to find the number of online of offline sites
=====*/
var statusInfo = Parse.Object.extend("ClientCompanyInfo");
var query2 = new Parse.Query(statusInfo);
query2.equalTo("CompanyName", companyName);
query2.find({
success: function(object) {
// Successfully retrieved the object.
var onlineCount = 0;
var offlineCount = 0;
for (var i = 0; i < object.length; i++) {
var site = object[i];
var status = site.get('site_status');
if(status == "Online"){
onlineCount++;
}
if(status == "Offline"){
offlineCount++;
}
// alert(site.get('playerName'));
}//end for loop
online = onlineCount;
offline = offlineCount;
alert("Success: object length ="+object.length);
alert("Online Sites: "+ onlineCount +" Offline: "+offlineCount);
window.location.href = "mainMenu.html";
},
error: function(error) {
alert("Error: " + error.code + " " + error.message);
}
});
//end
},//end if success
error: function(error) {
alert("Error: " + error.code + " " + error.message);
}//end error
}); //find
}//validate
</script>
</div><!-- wrapper -->
<!-- ============ FOOTER SECTION ============== -->
<br><br><br>
<div id="footer">
<div style="position:relative; bottom:10px; text-align:center; width: 90%; margin:0 auto; height:30px; border:1px so\
lid black;" >
<id= "footer">
Copyright © Inc.
</div>
</div>
</body>
</html>
X2nSat
.error{color:#FFFFFF；}
登录
电子邮件：
密码：
初始化（“secretID”、“secretID”）；
函数验证（）{
var em=document.myform.email.value；
var pw=document.myform.password.value；
var-valid=false；
/* =========
查询以查找电子邮件、密码、公司名称、名字、姓氏以及客户或员工状态=========================*/
var Clients=Parse.Object.extend（“客户机”）；
var query=newparse.query（客户端）；
query.equalTo（“电子邮件”，em）；
query.equalTo（“密码”，pw）；
查询.查找({
成功：功能（结果）{
if（results.length==0）{
警报（“错误：您输入的信息不正确。请重试”）；
}
否则{
警报（“成功检索”+results.length+“scores.”）；
}
//对返回的Parse.Object值执行一些操作
对于（var i=0；i
版权所有©公司。
<!doctype html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="helpers.js"></script>
<!--<script src="index.html"></script>-->
<title>X2nSat</title>
<style>
.error {color: #FFFFFF;}
</style>
</head>
<meta name="description" content="title">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/styles.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.19.min.js"></script>
<body style="margin: 0px; padding: 0px; font-family: 'Trebuchet MS',verdana;">
<table width="100%" style="height: 100%;" cellpadding="10" cellspacing="0" border="0" bgcolor="#FFFFFF" ><tr>
<!-- ============ LEFT COLUMN (MENU) ============== -->
<td width="30px" valign="top" bgcolor="FFFFFF">
<link rel="stylesheet" href="mainMenu.css" />
<div id="wrapper">
<td style="vertical-align:middle" align="left">
<div id="cssmenu">
<ul>
<li class="active"><a href="#"><span><center>Home</center></span></a></li>
<li><a href="#"><span><center>Sites</center></span></a></li>
<li><a href="#"><span><center>Usage</center></span></a></li>
<li><a href="#"><span><center>Contact</center></span></a></li>
<li><a href="#"><span><center>Log Out</center></span></a></li>
</ul>
</div>
</td>
<!-- ============ RIGHT COLUMN (CONTENT) ============== -->
<td width="81%" valign="top" bgcolor="#FFFFFF">
<center>
<img src="x2nsatLogo.png" />
</center>
<h2><center>Site Report</center></h2>
<p>Welcome
<script type="text/javascript" >
Parse.initialize("secretID", "secretID");
getFirstName();
</script>
</p>
</div><!-- wrapper -->
</table>
</body>
</html>
X2nSat
.error{color:#FFFFFF；}
现场报告
欢迎光临
初始化（“secretID”、“secretID”）；
getFirstName（）；
另外，如果您需要我澄清任何事情，请告诉我！！这是因为您的JavaScript变量状态不会跨页面保存。
helpers.jssessionStorage如果您使用的是桌面应用程序，您可以使用类似于Mongo的数据库框架。语法类似于Mongo，它会保存到
.db.html.html