Javascript 打开不同内容的同一页面

我在书店网站上工作。主页上有所有的书。每个按钮都有自己的按钮。每本书都有链接到同一页面的按钮（buy.html），我想通过点击不同的按钮来更改内容，因为每本书都有自己的描述

这是我的HTML按钮代码

<button onclick="window.open('buy.html')" class="book4">Buy</button>

购买

我需要打开buy.html，但根据书的内容不同
但是现在所有的按钮都显示相同的内容

有谁能帮我解决这个问题吗，

---

谢谢。

虽然你的问题很广泛，但我想我明白你的问题。 您需要一种在不为每本书创建新页面的情况下区分书籍的方法。 有多种方法可以做到这一点。就我个人而言，我建议使用服务器端脚本来实现这一点，但您也可以使用JavaScript来实现这一点，您只需将它放在链接中即可

例如：

<button onclick="window.open('buy.html?book=4')" class="book4">Buy</button>

购买

这样做的目的是打开

buy.html

，并指定要购买的图书，这样您就可以创建一个函数，仅从数据库中提取该描述，或者以您想要的方式进行

我强烈推荐一个数据库，因为只要你有大约一百本书，你的页面就会变得非常慢，如果你只显示一本书，那就是浪费资源

从URL获取数据的最佳方法（据我所知）如下

不过，下次也请发布您的代码，这样可以更容易地找出问题所在

祝你好运

---

编辑：我链接的JavaScript不是最好的解决方案，而且相当复杂，因此我认为可以找到更好、更容易理解的函数

您的问题太广泛了。你到底在挣扎哪一部分？一般来说，您需要使用数据库来存储有关每本书的信息，然后在URL中传递该书的id，并从数据库中读取该信息并将其显示在页面中。嗨，Norhan，欢迎使用SO。请访问SO的“如何提问”页面，以便我们更容易理解您的问题：从您的问题中，我只能告诉您，创建动态网站时遇到了问题，有十几种方法可以解决此问题。这不能通过查看普通HTML（前端）来实现。您可能还想深入到后端。buy.html页面包含所有书籍的所有内容，如何仅显示与我单击的书籍相关的内容您正在寻找一种在客户端执行此操作的方法（我不建议这样做，因为这将导致不良做法）。您可以深入了解JavaScript和id选择器的使用：

document.getElementById（“demo”）（来源：）请提供您遇到困难的任何代码。您可以使用PHP的
$\u GET
来实现这一点。但是，由于您没有用PHP标记您的问题，我不确定这是否是一个有效的答案。请您详细解释一下您的JavaScript解决方案，好吗？基本上，信息页面就像书店的一名员工，它知道这些书，但为了给您提供正确的信息，您需要告诉他们您想了解哪些书。我们在这里做这件事的方法是引导您进入
buy.html
，并在URL中添加一些附加信息。页面上的JavaScript随后可以提取该数据，如图书ID，然后使用该数据在数据库中查找其他信息或其他内容。