如何将动态变量从一个html页面传递到javascript？_Javascript_Html_Firebase

如何将动态变量从一个html页面传递到javascript？

javascript html firebase

如何将动态变量从一个html页面传递到javascript？,javascript,html,firebase,Javascript,Html,Firebase,我有一个html页面（profileDisplay.html），根据他们在上一个页面（花名册.html）中单击的人加载配置文件页面。假设profileDisplay.html在页面加载时执行一些javascript，以决定从firebase获取哪些值来显示配置文件页面。javascript决定用户在花名册中单击什么来获取哪个配置文件，但我不知道该怎么做。这是我现在的代码。我试图通过在javascript中输入一个隐藏的段落，该段落具有正确的值，但我不能用同一个id为名册上的所有不同的人执行此操作

我有一个html页面（profileDisplay.html），根据他们在上一个页面（花名册.html）中单击的人加载配置文件页面。假设profileDisplay.html在页面加载时执行一些javascript，以决定从firebase获取哪些值来显示配置文件页面。javascript决定用户在花名册中单击什么来获取哪个配置文件，但我不知道该怎么做。这是我现在的代码。我试图通过在javascript中输入一个隐藏的段落，该段落具有正确的值，但我不能用同一个id为名册上的所有不同的人执行此操作

//这是花名册.html
名册

-
-
-普通会员

您可以通过查询字符串参数传递值

下面两个HTML页面显示了一个示例。打开

page1.html

并单击按钮

page1.html代码


第1页
打开第2页
var value1=‘value1’；
var value2=‘value2’；
变量queryString='？para1='+value1+'¶2='+value2；
document.getElementById（'myBtn'）。addEventListener（'click'，function（）{
window.location.href='page2.html'+queryString；
});

page2.html代码


第2页
这些是来自page1.html的数据。
var queryString=decodeURIComponent（window.location.search）；
queryString=queryString.substring（1）；
var querys=queryString.split（'&'）；
对于（var i=0；i'）；
}

f=“

…

d=“

…不是问题，而是。。。请使用

href=“

id=“

你是对的，但我习惯这样做，因为当我开始用java编写代码时，我不喜欢“+”的外观，所以我总是使用“+”。慢慢地，我正在努力改变这个想法。看起来你在寻找那个：或者说“阿什伯恩，很高兴我能帮助你！”！我刚刚在下面写了一个答案。提前感谢您将其标记为正确答案。@ashburnh感谢您接受答案；-）如果您认为有帮助，也可以通过单击答案左侧的大灰色向上箭头来向上投票。看见谢谢

<!DOCTYPE html>
<html>
  <head>
    <title>Page1</title>
  </head>
  <body>
    <button id="myBtn">Open page 2</button>
    <script>
      var value1 = 'value1';
      var value2 = 'value2';
      var queryString = '?para1=' + value1 + '&para2=' + value2;

      document.getElementById('myBtn').addEventListener('click', function() {
        window.location.href = 'page2.html' + queryString;
      });
    </script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Page2</title>
  </head>
  <body>
    <h4>These are the data from page1.html.</h4>
    <script>
      var queryString = decodeURIComponent(window.location.search);
      queryString = queryString.substring(1);
      var queries = queryString.split('&');
      for (var i = 0; i < queries.length; i++) {
        document.write(queries[i] + '<br>');
      }
    </script>
  </body>
</html>