首页 > 解决方案 > 打开具有不同内容的同一页面

问题描述

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

在此处输入图像描述

这是我的 HTML 按钮代码

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

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

在此处输入图像描述

任何人都可以帮助我解决这个问题,谢谢。

标签: javascriptjqueryhtmlcss

解决方案


尽管您的问题相当广泛,但我想我明白了您的问题。您需要一种方法来区分书籍,而无需为每本书创建新页面。有多种方法可以做到这一点。我个人建议为此使用服务器端脚本,但您也可以使用 JavaScript 执行此操作,只需将其放在链接中即可。

一个例子可能是这样的:

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

它的作用是打开buy.html并指定您要购买的书,以便您可以创建一个函数来仅从数据库中提取该描述,或者您想要这样做。

我强烈推荐一个数据库,因为一旦你有一百多本书,你的页面就会变得非常慢,而且如果你只显示一个,那就是资源的浪费。

从 URL 中获取数据的最佳方法(据我所知)是这样的

不过,下次也请发布您的代码,这样可以更容易地查明问题。

祝你好运。

编辑:我链接的 JavaScript 不是最好的解决方案,而且相当复杂,所以我认为可以在这里找到更好、更容易理解的函数


推荐阅读