在图像 src 中添加另一个变量？答案

【问题标题】：Adding another variable in image src?在图像 src 中添加另一个变量？
【发布时间】：2016-06-09 03:56:07
【问题描述】：

<img src="blank.png" id="image" alt="just nothing">

<script type="text/javascript">
document.getElementById('image').src = '"'+ img +'"';
var img = new Image();
img.src = "https://pbs.twimg.com/profile_images/696014803844927488/8aLamHjS.jpg";
</script>

它不工作。我很困惑。

【问题讨论】：

您在声明变量img 之前访问它。
~这不是真的，img 会被提升到脚本的顶部。所以存在，但是src不正确~
为什么是 jQuery 标签？而document.getElementById('image').src = '"'+ img +'"'; 应该是document.getElementById('image').src = img.src;
jsfiddle.net/j08691/t6t4cnjg
后两行不用，直接写document.getElementById('image').src = "https://pbs.twimg.com/profile_images/696014803844927488/8aLamHjS.jpg";

标签： javascript jquery string image src

【解决方案1】：

你在声明变量image之前访问它，你的代码应该是这样的：

var img = new Image();
img.src = "https://pbs.twimg.com/profile_images/696014803844927488/8aLamHjS.jpg";

document.getElementById('image').src = img.src;

看看这个fiddle

【讨论】：

【解决方案2】：

把你的代码改成这个

var img = "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png";
document.getElementById('image').src = img ;

&lt;img src="blank.png" id="image" alt="just nothing"&gt;

可以直接申请src

 document.getElementById('image').src = "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png";

&lt;img src="blank.png" id="image" alt="just nothing"&gt;

【讨论】：