html<img>标签中src=“图片路径”，怎么用变量替换路径

<div id="ptest" style="background-image:none;">
bg0.gif~bg5.gif
</div>
<script type="text/javascript">
fChBg=function(szID){
var dwMax=5; //定义图片上限0~5
var szPic="bg";//定义图片名前缀
var szExt="gif";//定义图片后缀
document.getElementById(szID).style.backgroundImage="url("+szPic+Math.floor(Math.random() * (dwMax+1))+"."+szExt+")";
}
fChBg("ptest"); 

</script>

html<img>标签中src=“图片路径”，怎样用变量替换路径
我定义了一个变量，变量将图片路径传给src，可是照片怎么样都不显示，该怎么办，试了很多方法都不行

例如：
var  url;
<img src = url/>

------解决思路----------------------
方法一

<img id="pic" />

<script type="text/javascript">

var  url = "xxx.jpg";

document.getElementById("pic").src = url;

</script>

------解决思路----------------------
方法二

<script type="text/javascript">

var  url = "xxx.jpg";

document.write('<img src="'+url+'" />');

</script>

------解决思路----------------------

var  url = "images/1.jpg";

var sContent ="<div><img style='float:right;margin:4px' src = '" + url + "'  width='139' height='104'/>" + "</div>";

var infoWindow = new BMap.InfoWindow(sContent);