Переменная для img src= - программирование

У меня есть вопрос. Во-первых, я не собираюсь притворяться, что знаю, о чем я говорю. Я новичок в http и JavaScript.

Я думаю, на мой вопрос можно ответить в этом сообщении IMG SRC теги и JavaScript но я думал, что объясню то, чего я пытаюсь достичь, если есть более простой способ.

У меня есть веб-страница, я хочу отобразить на ней изображение. Единственное, что происходит, изображение поступает с автоматизированного системного монитора, изображение автоматически генерируется каждый день и помещается в новый каталог в зависимости от даты.

например. 4 апреля = " http://host/partition/2009/apr/04/cpu.gif

например 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. Я прочитал много страниц об этом и много чего пытался, но до сих пор не повезло. Любая помощь была бы очень оценена.

Ответ 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 примет в качестве аргумента любой атрибут id вашего <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>

Ответ 1

Ответ 2