Javascript 网站的同一页面是否根据传递的变量显示不同的内容？

需要编辑此帖子，因为我没有正确回答我的问题，问错了问题

我正在设计一个网站，我想知道是否有可能有一个文本块，根据条件变量显示不同的东西

e、 如果用户通过网站上的某个操作对某个变量有不同的值，并且两个用户都单击相同的“下一步”按钮转到下一页。根据前面的操作，假设用户A将看到与假设用户B不同的文本，但它们将位于同一页面上

页面将是相同的HTML文件，但内容将根据以前的数据而有所不同。这可能吗

我是否需要使用js来实现这一点，或者仅仅使用HTML就可以实现这一点

---

任何帮助都将不胜感激，谢谢

您可以在该选项上添加单击处理程序，如0和1。在该处理程序中，您可以根据值0或1修改块的文本。您可以通过document.getElementById（'blockId'）访问该元素

---

如果您想从服务器端获取文本，然后更新块，则可以进行ajax调用或rest调用等，并在调用成功后修改该块的文本。

此处的新答案

从URL获取查询参数的快速代码笔。如果查询参数包含一个

角色

，则它将获取该值并显示该角色的特定UI

这里的旧答案

下面的示例显示了一些HTML，并根据单击的按钮调整

div

元素的内容

Html:

---

您最好使用URL参数。这里有一个使用jQuery检索它们的简要指南，并回答了一个类似的问题。

谢谢！如果选项从上一页转到上一页，因此我已经有了变量（例如，它们实际上不会单击选项，用户1和用户0都会单击相同的“下一步”按钮转到下一页），这会相似吗？是的，在这种情况下，它将不单击处理程序，而是在页面加载上，即在js的开头，您可以获取url参数并检查该参数的值，然后根据该值设置条件，例如如果paramValue==0，那么modifyBlock=''else modifyBlock='something'。当您可以简单地显示/隐藏内容或更好地加载动态内容时，为什么需要刷新页面。您好，谢谢您的回答！然而，我意识到我的问题措词不当，问了一些我实际上并不想做的事情：你能阅读我编辑的帖子并告诉我是否还有解决方案吗？谢谢@user83676答案已更新，带有指向可能解决方案的代码笔链接。完美！！非常感谢。非常感谢。我想这就是我计划要做的。在获得参数后，我将如何在HTML/js/etc中实现条件语句。？使用jQuery的一个简短的方法。希望这有助于澄清问题。还有一个类似的StackOverflow问题：）

<div id="content">
  Who are you?
</div>
<hr>
<button type="button" id="btn-foo">
  I am Foo
</button>

<button type="button" id="btn-bar">
  I am Bar
</button>

var fooBtn = document.getElementById('btn-foo');
fooBtn.addEventListener('click', function() {
    var content = document.getElementById('content');
  content.innerHTML = 'Hello, I am Foo.';
});

var barBtn = document.getElementById('btn-bar');
barBtn.addEventListener('click', function() {
    var content = document.getElementById('content');
  content.innerHTML = 'Hello, I am Bar.';
});