javascript – 变量为img src =

前端之家收集整理的这篇文章主要介绍了javascript – 变量为img src =前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有个问题.
首先,我不会假装我知道我在说什么.我是http和 JavaScript的新手.

我认为我的问题可能在这篇文章中得到回答
IMG SRC tags and 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.

附:我已经阅读了很多页面,并尝试了很多东西,但迄今为止没有运气.任何帮助,将不胜感激.

解决方法

是的,那个网页可能会回答你的问题.基本上你想要这个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>标签是.您可能希望在您的页面加载后执行上述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>

猜你在找的JavaScript相关文章