js两种拼接字符串的简单方法(必看)


Posted in Javascript onSeptember 02, 2016

如下所示:

function(msgArr) {
  var len = msgArr.length;
  var n = 0 ;
  var htmlSpan = "";
  for (var j = 0; j < len - 1; j++) {
    htmlSpan += '<span>·</span>';
  }
  htmlSpan += '<span class="on">·</span>';
  var imgs = [];
  var img = [];
  img[0] = '<a href="' + ctx + '/webservice/dish/detail?id=';
  img[1] = '#';
  img[2] = '"><img src="';
  img[3] = '#';
  img[4] = '"></a>';

  for (var i = 0; i < len; i++) {
    img[1] = msgArr[i].id;
    img[3] = msgArr[i].pic;
    imgs.push(img.join(""));
  }
  $("#banner_list").html(imgs.join(""));
  $(".dots").html(htmlSpan);
}

上面的代码取自我最近写的一个脚本,在这个函数中,正好体现了两种js拼接字符串从而为DOM添加新元素,第一种方法是直接相加,第二种是利用数组的join()方法进行拼接,第二种效率要高些。

以上这篇js两种拼接字符串的简单方法(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
学习YUI.Ext 第四天--对话框Dialog的使用
Mar 10 Javascript
理解Javascript_03_javascript全局观
Oct 11 Javascript
Javascript节点关系实例分析
May 15 Javascript
使用AngularJS创建单页应用的编程指引
Jun 19 Javascript
jQuery中ScrollTo用法示例
Sep 04 Javascript
详解javascript事件绑定使用方法
Oct 20 Javascript
Angular表单验证实例详解
Oct 20 Javascript
JS实现上传图片的三种方法并实现预览图片功能
Jul 14 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
layui动态加载多表头的实例
Sep 05 Javascript
vue data引入本地图片的两种方式小结
Nov 13 Javascript
js实现无缝轮播图插件封装
Jul 31 Javascript
AngularJs Understanding the Controller Component
Sep 02 #Javascript
JS 拼凑字符串的简单实例
Sep 02 #Javascript
AngularJs Understanding the Model Component
Sep 02 #Javascript
浅谈js中StringBuffer类的实现方法及使用
Sep 02 #Javascript
AngularJs Dependency Injection(DI,依赖注入)
Sep 02 #Javascript
js实现String.Fomat的实例代码
Sep 02 #Javascript
在Docker快速部署Node.js应用的详细步骤
Sep 02 #Javascript
You might like
利用php来自动调用不同服务器上的flash
2006/10/09 PHP
基于mysql的论坛(4)
2006/10/09 PHP
php源码之将图片转化为data/base64数据流实例详解
2016/11/27 PHP
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
从零学JS之你需要了解的几本书
2014/05/19 Javascript
jquery制作多功能轮播图插件
2015/04/02 Javascript
JS简单测试循环运行时间的方法
2016/09/04 Javascript
很棒的一组js图片轮播特效
2017/01/12 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
nodeJS实现路由功能实例代码
2017/06/08 NodeJs
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
vue-resouce设置请求头的三种方法
2017/09/12 Javascript
select标签设置默认选中的选项方法
2018/03/02 Javascript
使用vuex存储用户信息到localStorage的实例
2019/11/11 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
2020/10/22 Javascript
讲解Python的Scrapy爬虫框架使用代理进行采集的方法
2016/02/18 Python
Python爬取qq music中的音乐url及批量下载
2017/03/23 Python
python 多线程将大文件分开下载后在合并的实例
2018/11/09 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
党员思想汇报范文
2013/12/30 职场文书
《日月潭》教学反思
2014/02/28 职场文书
外贸员简历中的自我评价
2014/03/04 职场文书
竞选团支书演讲稿
2014/04/28 职场文书
社会实践的活动方案
2014/08/22 职场文书
个人职业及收入证明
2014/10/13 职场文书
2014年基建工作总结
2014/12/12 职场文书
社区元宵节活动总结
2015/02/06 职场文书
求职简历自我评价怎么写
2015/03/10 职场文书
挂职锻炼工作总结2015
2015/05/28 职场文书
国富论读书笔记
2015/06/26 职场文书
担保书范文
2019/07/09 职场文书
CSS3 制作的彩虹按钮样式
2021/04/11 HTML / CSS
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
golang中的struct操作
2021/11/11 Golang
Java实现学生管理系统(IO版)
2022/02/24 Java/Android
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers