12 javascript image src
我有个问题.首先,我不会假装我知道我在这里谈论的是什么.我是http和JavaScript的新手.
我想我的问题可以在这篇帖子IMG SRC标签和JavaScript中得到解答, 但我想我会解释我想要实现的确切事情,以防有更简单的方法.
我有一个网页,我想在上面显示一个图像.唯一的问题是,图像来自自动系统监视器,图像每天自动生成,并根据日期放在新目录中.
例如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.
PS我已经阅读了很多关于这方面的内容,并且已经尝试了很多东西,但到目前为止还没有运气.任何帮助将非常感激.
Bre*_*der 14
是的,该页面可能确实回答了您的问题.基本上,你想要这个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将作为参数,无论<img>标记的id属性是什么.你可能想在页面加载后执行上面的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>