Javascript 包含变量的IMG src不会显示

Javascript 包含变量的IMG src不会显示,javascript,html,Javascript,Html,不知道为什么会失败 <script> var $username = localStorage.getItem('user'); </script> <img src="//MYCLOUDEX4/Library/Picture/poster-" + $username + ".jpg" alt="Poster"> var$username=localStorage.getItem('user'); 源文件夹包含“paller Ralph.jpg”,$use

不知道为什么会失败

<script> var $username = localStorage.getItem('user'); </script>
<img src="//MYCLOUDEX4/Library/Picture/poster-" + $username + ".jpg" alt="Poster">
var$username=localStorage.getItem('user');
源文件夹包含“paller Ralph.jpg”,$username包含“Ralph”。

您的

@如果出于某种原因不想使用jQuery,Carl Kroeger Ihl的答案会更好。

您的


@如果您出于某种原因不想使用jQuery,卡尔·克罗格(Carl Kroeger)的Ihl回答会更好。

您不能在html代码中直接编写javascript语法

尝试在
中添加src

这是一个仅使用javascript的示例:

<script>
var $username = localStorage.getItem('user');
var src = "//MYCLOUDEX4/Library/Picture/poster-" + $username + ".jpg"
$('img').attr('src', src);
</script>

<img alt="Poster">

var$username=localStorage.getItem('user');
document.getElementById(“myimg”).src=“//MYCLOUDEX4/Library/Picture/poster-“+$username+”.jpg”;

您不能在html代码中直接编写javascript语法

尝试在
中添加src

这是一个仅使用javascript的示例:

<script>
var $username = localStorage.getItem('user');
var src = "//MYCLOUDEX4/Library/Picture/poster-" + $username + ".jpg"
$('img').attr('src', src);
</script>

<img alt="Poster">

var$username=localStorage.getItem('user');
document.getElementById(“myimg”).src=“//MYCLOUDEX4/Library/Picture/poster-“+$username+”.jpg”;

看起来您对html和js缺乏基本的理解。是的,它们与JS是严格分开的(但是JS可以修改HTML)。我是昨天才开始学习的。看起来你对html和js缺乏基本的理解。是的,它们与JS是严格分开的(但是JS可以修改HTML)。我是昨天才开始学的。谢谢你,你可能已经猜到我是JS的新手了。因为我将处理多个调用,所以我将$username变量放在页面顶部的单独脚本中,因此只调用一次。欢迎使用。我也不是专家,只要继续努力和谷歌搜索,你会没事的。谢谢你,你可能猜到我是JS的新手。因为我将处理多个调用,所以我将$username变量放在页面顶部的单独脚本中,因此只调用一次。欢迎使用。我也不是专家,只要继续努力,谷歌搜索,你就会没事的。谢谢Bartosz,我可能会在以后更熟悉JS的时候再看JQuery。我可能会考虑使用.append将用户名添加到现有“poster.jpg”文件的.jpg后缀之前。通过这种方式,我可以显著减小HTML页面的大小。谢谢Bartosz,我可能会在以后更熟悉JS的时候再看JQuery。我可能会考虑使用.append将用户名添加到现有“poster.jpg”文件的.jpg后缀之前。这样,我就可以大大减小HTML页面的大小。