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

时间:2017-12-13 16:12:21

标签: javascript static blogs middleman

每当读者阅读帖子时,我希望我的博客更有趣。例如,我想用一个名人,一张图片和现实生活中的情景来讲述一个故事。说,我有2个相关的引用,3张图片和10种情况可供使用。我不想一起使用它们,相反,我希望在页面加载期间随机选择每个项目,这将给我2×3×10 = 60个不同的页面变体。如果我有一个数据库支持的站点,我会从数据库中选择它们,但我喜欢中间人,页面必须是静态的。

你会推荐什么?

1 个答案:

答案 0 :(得分:1)

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

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

根据这10个故事的持续时间,我想可能会将引号和故事下载为包含JSON列表的压缩JavaScript文件。当您使用JQuery设置img src属性时,它应该从服务器中提取所需的图像。

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