Question

我有一个问题。首先，我不会假装我知道我在这里谈论的是什么。我是http和JavaScript的新手。

我想我的问题可以在这篇文章中回答 IMG SRC tags and JavaScript 但我想我会解释一下我想要实现的确切方法，以防万一有更简单的方法。

我有一个网页，我想在其上显示图片。唯一的问题是，图像来自自动系统监视器，图像每天自动生成，并根据日期放在新目录中。

e.g。 4月4日=“http://host/partition/2009/apr/04/cpu.gif” 例如4月5日=“http://host/partition/2009/apr/05/cpu.gif”

为方便起见，我创建了一些基本的JavaScript，以我需要的格式提供日期。我有这一切工作。现在我只想使用我创建的变量来显示图像。我将JavaScript代码存储在名为displaydate（）的函数中如果我这样做<script language="JavaScript"> displaydate() </script>我明白了 “http://host/partition/2009/apr/05/cpu.gif”这是正确的。

现在如何在网站上正确显示？

 <a href="displaydate()"><img src="displaydate()" </a></td>    //This does not work. I am just adding it to show where I have been heading.

P.S。我已经阅读了很多关于这方面的内容，并且已经尝试了很多东西，但到目前为止还没有运气。任何帮助，将不胜感激。

Answer 1

是的，该页面可能确实回答了您的问题。基本上，你想要这个javascript：

<script type="text/javascript">
document.getElementById('image').src = "yourpicture.png";
</script>

除非您想用您编写的函数替换“yourpicture.png”以生成磁盘上图像的正确路径，所以......

<script type="text/javascript">
document.getElementById('image').src = displaydate();
</script>

当然，你可能需要为自己的用途修改一下这个，getElementById将把你的＆lt; id属性作为参数。 img＆gt;标签是。您可能希望在页面加载后执行上述javascript，即：

<html>
<head>
<script type="text/javascript">
function load()
{
document.getElementById('image').src = displaydate();
}

function displaydate()
{
//your displaydate() function here
}
</script>
</head>

<body onload="load()">

<img src="nothing.jpg" id="image" name="image"/>
</body>
</html>

Answer 2

你应该只需要改变这一行

document.write("http://host1/Shared/" + year + "/" + month + "/" + day + "/cpu_abs.gif");

到

return "http://host1/Shared/" + year + "/" + month + "/" + day + "/cpu_abs.gif";

img src =的变量

2 个答案: