js实现html内容拼接
七娃博客225 次
很多时候,前端需要处理一个数据,并把数据加载到指定的位置,直接用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
评论 | 0 条评论