js文件读取到页面

    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

 <div id="indexpull"  >
                </div>

  <script type="text/javascript">
        $(function () {
            $.getJSON("data.js", function (data) {
                var $jsontip = $("#indexpull");
                var strHtml = "";
                $jsontip.empty();


                $.each(data, function (infoIndex, info) {
                    strHtml += "<div class='post indexbanner masonry-brick'>" +
                        "<a style='max-height:1366px' class='indexbanner_link relative' href='info.html?p=" + infoIndex + "'>" +
                            "<img src='" + info["img"] + "' width='100%' />" +
                        "</a>" +
                        "<div class='indexbanner_info relative'>" +
                            "<a href='info.html?p=" + infoIndex + "'>" +
                                "<div class='indexbanner_dztime id_abs clearfix'>" +
                                    "<div class='ibd_l float_l absolute'>" +
                                        "<em></em>" +
                                    "</div>" +
                                "</div>" +
                                "<div class='indexbanner_info_m clearfix'>" +
                                    "<div class='indexbanner_info_tit float_l' style='font-weight:bold;font-size: 18px;'>" + info["title"] + "</div>" +
                                "</div>" +
                            "</a>" +
                        "</div>" +
                    "</div>";
                })


                $jsontip.html(strHtml);
            })
        })
    </script>

data.js文件

[
    {
        "title": "标题",
        "img": "images/t1.png",
        "mainbody": " 显示的内容"
    },{
        "title": "标题",
        "img": "images/t1.png",
        "mainbody": " 显示的内容"
    }]