Question

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

这是我的HTML按钮代码

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

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

在这个问题上，有谁能帮助我，谢谢。

Answer 1

尽管您的问题涉及面很广，但我认为我可以解决您的问题。您需要一种在不为每本书创建新页面的情况下区分图书的方法。有多种方法可以做到这一点。我个人建议为此使用服务器端脚本，但您也可以使用JavaScript进行此操作，只需将其放在链接中即可。

例如：

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

这是打开buy.html并指定要购买的书的方式，因此您可以创建一个函数以仅将该描述从数据库中拉出，也可以选择将其拉出。

我强烈建议您使用一个数据库，因为一旦您拥有一百本左右的书，您的页面就会变得非常缓慢，如果只显示一本，那会浪费资源。

（据我所知）从URL中获取数据的最佳方法就像so

尽管，下次也请发布您的代码，这将使查明问题容易得多。

祝你好运。

编辑：我链接的JavaScript并不是最好的解决方案，而是复杂的，因此我认为可以找到更好，更易理解的功能here