12

質問があります。まず、ここで話していることを知っているふりをするつもりはありません。私は http と JavaScript の初心者です。

私の質問はこの投稿 IMG SRC tags and JavaScriptで答え ​​られると思いますが、もっと簡単な方法がある場合に備えて、私が達成しようとしていることを正確に説明すると思いました.

Web ページがあり、その上に画像を表示したい。唯一のことは、画像が自動化されたシステム モニターから来ていることです。画像は毎日自動的に生成され、日付に応じて新しいディレクトリに配置されます。

例 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私はこれについて多くのページを読み、多くのことを試してきましたが、これまでのところ運がありません. どんな助けでも、大歓迎です。

4

2 に答える 2

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>
于 2009-04-20T06:47:06.150 に答える
1

この行を変更する必要があります

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

に

return "http://host1/Shared/" + year + "/" + month + "/" + day + "/cpu_abs.gif";
于 2009-04-24T12:42:28.217 に答える