在html里写js,在js里输出html，在输出的html里调用js的变量

今天遇到的问题是：前端获取json,通过 innerHTML输出数组的各项，其中<img src="">里面的路径 是json返回的一部分，简单说就是

在html里写js,在js里输出html，在输出的html里调用js的变量。 引号一直加不对位置，最后看了https://bbs.csdn.net/topics/290027377学会了；

<script>
			for (var i = 0; i < data.length; i++) {
          //    有个数组data[];
				data[i].imagePath = "http:/服务路径:8080"+data[i].imagePath;
				document.body.innerHTML += "<br>" + "FaceID：" + data[i].faceId +"<br/>"+
													"  摄像头ID:" + data[i].camera +"<br/>"+
													"  通道ID：" + data[i].channel +"<br/>"+
													"设备唯一ID：" + data[i].deviceUniqueId +"<br/>"+
													"图片路径：" + data[i].imagePath+"<br/>"+
													" <img src='"+data[i].imagePath+"' /> ";


			}
		}
</script>

重点是     " <img src='"+data[i].imagePath+"' /> "