Question

编辑：以前只有HTML在那里，但在新的更新中，即使Javascript可以工作，但纯粹是Javascript ...我无法在那里添加HTML ...

我正在使用WordPress网站，我需要在网站中动态显示图像。图像源将如下：

site.com/files/year/month/date/img1.jpg

但是在我的主题中，我只能输入HTML或JS ...通常如果它是静态网站，那么我们只能使用该图像，但我的图像每天都会更新...即

今天它将是site.com/files/2015/4/13/img1.jpg
明天将是site.com/files/2015/4/14/img1.jpg

我怎样才能做到这一点？

Answer 1

var image = document.getElementById('yourImagesId');
var date = new Date();
var url = 'site.com/files/' + date.getFullYear() + '/' + (date.getMonth() +1) + '/' + date.getDate() + '/img1.jpg';
image.setAttribute('src',url);

Answer 2

HTML是超文本标记语言。它不是“代码”，因为它没有任何逻辑或能力。存在以字面标记您的副本;也就是说，它的主要用途是定义页面内容的布局。

要做任何动态的事情，你需要一种可以执行实际逻辑功能的实际编码语言，所以你必须使用JavaScript（或PHP，就像你在Wordpress中一样）。

如果我说我在Wordpress的环境中有经验，我会说谎，但我想用谷歌搜索“wordpress动态图像路径插件”可能会产生一些切实的结果。

Answer 3

不确定仅对HTML有什么意义，对于Javascript：

var currDate = new Date();
var url = "site.com/files/" + currDate.getFullYear() + "/"
    + (currDate.getMonth() + 1) + "/" + currDate.getDate() 
    + "/" + imageName + "." + imageFormat;

getMonth会将月份作为0到11之间的数字，因此如果需要，可以将1添加为1~12。

JSFiddle Example

请注意JS从客户端获取日期和时间。

日期仅使用Javascript

3 个答案: