Question

不确定为什么会失败...

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

源文件夹包含“poster-Ralph.jpg”，$ username包含“Ralph”。

Answer 1

您的<img>标记超出了脚本的范围，因此您无法在其中使用脚本变量。

您应该直接在脚本中修改图片的来源（例如使用jQuerys。.attr()方法）。

实施例

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

<img alt="Poster">

如果你因某些原因不想使用jQuery，那么@Carl Kroeger Ihl的回答会更好。

Answer 2

您无法直接在html代码中编写javascript语法。

尝试在<script>。

中添加src

这是仅使用javascript的示例：

<img id="myimg" src="" alt="Poster">
<script> 
    var $username = localStorage.getItem('user'); 
    document.getElementById("myimg").src="//MYCLOUDEX4/Library/Picture/poster-" + $username + ".jpg";
</script>

包含变量的IMG src不会显示

2 个答案: