如何使用变量显示来自 URL 的图像以创建 URL答案

【问题标题】：How do I display an image from a URL using a Variable to create the URL如何使用变量显示来自 URL 的图像以创建 URL
【发布时间】：2013-09-29 04:18:45
【问题描述】：

我希望在每天都会更改的页面中包含一张图片。我的变量字符串计算有效（可以使用显示 url，但在解决如何将变量作为 url 时遇到问题，这是我到目前为止所拥有的：

<script> 
var tD = new Date(); 
var datestr = "http://www.fakeurl.com/" + (tD.getMonth()+1) + "/" + tD.getDate() + ".jpg"; 
document.getElementById("+datestr+")
img src='"+ datestr +"' style="border: 0px;" /
</script>

我需要做些什么不同的事情才能让它真正显示我的图像？我是新手，请帮忙。

【问题讨论】：

标签： javascript image url variables

【解决方案1】：

首先，您需要确保该脚本将在 IMG 元素加载后运行。

为了确保这一点，您需要使用 jQuery。

$(document).ready(myOnloadFunc);

或使用

<body onload="myOnloadFunc()">

而 JavaScript 函数 myOnloadFunc() 将包含您的原始代码。

您发布的原始代码有错误，请看我的更正。

var tD = new Date(); 
var datestr = "http://www.fakeurl.com/" + (tD.getMonth()+1) + "/" + tD.getDate() + ".jpg"; 
var imgElement = document.getElementById("imgElementID");
imgElement.src = datestr;
imgElement.style = "border: 0px;" ;

我认为您将变量“datestr”与 IMG 元素混淆了。

【讨论】：

【解决方案2】：

    <script>
    function myFunction()
    {
    var tD = new Date();
    var datestr = "http://www.fakeurl.com/" + (tD.getMonth()+1) + "/" + tD.getDate() + ".jpg";
    alert(datestr);
    document.getElementById("datestr").src = datestr;

    }
    </script>

----------------------
HTML:
<img id="datestr" src="" style="border: 0px;"/>

希望对你有帮助....

【讨论】：