你是不是单独把js文件分离开了，引用的js文件放到body底部就可以了。

今天解决了前面的问题，但是出现另外的问题

 function g(selector)//通用函数,返回被选择的元素或元素集合
 {
   return selector.substring(0, 1) == '.' ? document.getElementsByClassName(selector.substring(1)) : document.getElementById(selector.substring(1));
 
}

var data=data;  //输出函数，输出所有的海报
function addPhoto(){
 var template=g('#wrap').innerHTML;
 var html=[];
 for(s in data)
 {
  var _html=template.replace('{{index}}',s)
                    .replace('{{img}}',data[s].img)
                    .replace('{{captions}}',data[s].captions)
                    .replace('{{desc}}',data[s].desc);
   html.push(_html);
 }
     g('#wrap').innerHTML=html.join(' ');
     rsort(1);
}
addPhoto();
在浏览器中的问题是

GET file:///E:/HTML/%E7%BB%83%E4%B9%A0/%E6%B5%B7%E6%8A%A5%E8%AE%BE%E8%AE%A1/%7B%7Bimg%7D%7D net::ERR_FILE_NOT_FOUND

Uncaught TypeError: Cannot read property 'innerHTML' of null

给完整代码看一下。