js实现html内容拼接

很多时候,前端需要处理一个数据,并把数据加载到指定的位置,直接用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中

这样就完成了内容拼接!

赞(0) 打赏
未经允许不得转载:版权所有@七娃设计室七娃博客 » js实现html内容拼接
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

七娃设计,让设计贴近生活

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏