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

How do I display an image from a URL using a Variable to create the URL

本文关键字：URL 图像 创建 何使用 显示 变量      更新时间：2023-09-26

我希望在页面中包含一张每天都会变化的图像。我的变量字符串计算有效（可以使用显示 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>

我需要做一些不同的事情才能让它实际显示我的图像？我是新手，请帮忙。

首先，您需要确保脚本将在加载 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 元素混淆了。

    <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;"/>

我希望这会对你有所帮助。

相关文章：