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 不是最好的解决方案,而且相当复杂,所以我认为可以在这里找到更好、更容易理解的函数
推荐阅读
- python - numpy 将一个 ndarray 与一个标量数组进行维数相乘
- c++ - 在 DPC 中使用唯一锁
- oauth-2.0 - Prometheus 如何从 sidecar 程序中获取刷新令牌
- python - 为什么我得到 RecursionError: 超出最大递归深度
- rmagick - RMagick 使用 alpha 转换图像
- javascript - setInterval() 不能帮助我自动获取关于间隔的 JSON 数据
- conditional-statements - Terraform:如何根据配置设置资源
- typescript - Firebase 云功能不会触发
- android - ViewRootImpl$CalledFromWrongThreadException rxjava setVisibiltiy 通过 rxjava
- excel - VBA将范围内每个唯一值的出现返回到一个数组