很多时候,前端需要处理一个数据,并把数据加载到指定的位置,直接用ajax获取到数据传值到html中是最简单的方式,但是很多数据的时候不能每个都载入命名,用js传值,这个时候就需要用js实现html内容的拼接,然后把拼接的内容载入到html中,从而达到效果!

使用方法:'内容'+'内容'+'内容'...;

案例:

var html = '<div class="col-lg-3 col-md-4 col-xs-6 mb15"><a href="zsjz.html?id='+dataObj.schoolNum+'">'+
           '<img class="schoolimg" src='+dataObj.schoolImg+' alt="院校图片"></a>'+
            '<h3 class="schoolname">'+dataObj.schoolName+'</h3><p><a href="zsjz.html?id='+dataObj.schoolNum+'#yxjz" target="_blank">招生简章</a><a href="zsjz.html?id='+dataObj.schoolNum+'#yxzy" target="_blank">招生专业</a><a href="bm.html">网上报名</a></p>'+
            '<p class="yichu3">'+dataObj.schoolRem+'</p>';
$(".schbox").append(html);//将拼接的内容传入到html中

这样就完成了内容拼接!

版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。
转载请注明来源:js实现html内容拼接 - Qui-Note