在静态页面上实现动态文本的最佳方式是什么?

What's the best way to implement dynamic text on a static page?

我希望我的博客变得更有趣,因为每次 reader 阅读 post 时我的博客都会有所不同。例如,我想用名人的名言、图片和现实生活中的情景来讲述一个故事。比如说,我有 2 条相关引述、3 张图片和 10 种情况可供使用。我不想一起使用它们,相反,我希望在页面加载期间随机 selected 每个项目,这将给我 2×3×10 = 60 个不同的页面变体。如果我有一个数据库支持的站点,我会 select 它们从数据库中分离出来,但我非常喜欢中间人并且页面必须是静态的。

你会推荐什么?

JQuery 可能是这里最轻量级的简单解决方案。您可以使用 JavaScript 随机选择每个元素并将它们放置在屏幕上。

如果您想确保此人每次都收到唯一的消息,您可以在客户端 cookie 中记录所选组合,以便在后续访问时,您的代码会检查 cookie 以确保该组合不同于之前的 x 次访问。

根据这 10 个故事的长度,我想说也许引言和故事可以下载为压缩 JavaScript 文件,其中包含 JSON 中的列表。当您使用 JQuery 设置 img src 属性时,它应该从服务器上拉下所需的图像。

在这里向您展示所有详细信息对我来说是一个小项目,但希望我已经为您提供了足够的信息来帮助您入门。您可能需要使用 Google 来填写 JavaScript 中的随机数示例,使用带有 JQuery 的 cookie,使用 JQuery.

替换图像