在javascript

Question

所以我基本上试图制作个人资料页面。我有一个包含对象的JavaScript文件，其中包含所有＆＃34;用户＆＃34; （这是一个学校项目，所以这些是我自己创建的假用户）。我还有一个HTML页面，其中列出了所有这些用户（我使用了Jekyll，Handlebars和JavaScript的组合）。在每个用户个人资料图片下，我添加了一个按钮，该按钮应链接到每个用户的详细信息页面。像这样：

<p><a class="btn btn-default" href="profile.html?id={{id}}" role="button">View details &raquo;</a></p>

这很好用，每个用户都有自己的页面。我的问题是，我不知道如何显示用户特定的内容，因为我（必须）使用相同的页面（profile.html）。

这是我列出所有用户的方式：

<script id="users-template" type="text/x-handlebars-template">


        {% raw %}

        {{#each this}}
          <div class="col-md-3">
          <div class="user">
                <img src="{{picture}}" class="profpic"/>
                <h4>{{firstName}} {{surName}}</h4>
                <p><a class="btn btn-default" href="profile.html?id={{id}}" role="button">View details &raquo;</a></p>
          </div>
        </div>
        {{/each}}

        {% endraw %}


      </script>

有没有办法使用把手只选择其中一个用户并在该页面上显示内容？此外，我如何确保我的新页面知道我当前正在查看哪个用户ID？任何帮助将不胜感激。