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 相关文章推荐
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
浅谈JavaScript的事件
Feb 27 Javascript
javascript文本模板用法实例
Jul 31 Javascript
Bootstrap实现水平排列的表单
Jul 04 Javascript
简述jQuery Easyui一些用法
Aug 01 jQuery
使用Angular CLI生成路由的方法
Mar 24 Javascript
angularjs手动识别字符串中的换行符方法
Oct 02 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
Aug 07 Javascript
JS实现音量控制拖动
Jan 15 Javascript
vue中touch和click共存的解决方式
Jul 28 Javascript
vue+elementui通用弹窗的实现(新增+编辑)
Jan 07 Vue.js
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中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
php基于curl扩展制作跨平台的restfule 接口
2015/05/11 PHP
php基于SQLite实现的分页功能示例
2017/06/21 PHP
php实现微信小程序授权登录功能(实现流程)
2019/11/13 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
javascript操作cookie的文章(设置,删除cookies)
2010/04/01 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
2011/11/30 Javascript
JQuery UI的拖拽功能实现方法小结
2012/03/14 Javascript
JS实现将人民币金额转换为大写的示例代码
2014/02/13 Javascript
JQuery实现展开关闭层的方法
2015/02/17 Javascript
js实现在网页上简单显示时间的方法
2015/03/02 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
2015/07/27 Javascript
js编写贪吃蛇的小游戏
2020/08/24 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
2016/04/01 Javascript
微信小程序 slider 详解及实例代码
2017/01/10 Javascript
详解支持Angular 2的表格控件
2017/01/19 Javascript
解决nodejs的npm命令无反应的问题
2018/05/17 NodeJs
解决vue A对象赋值给B对象,修改B属性会影响到A的问题
2018/09/25 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
2019/12/29 Javascript
简单了解JavaScript弹窗实现代码
2020/05/07 Javascript
JavaScript交换变量的常用方法小结【4种方法】
2020/05/07 Javascript
vue cli4.0项目引入typescript的方法
2020/07/17 Javascript
Python 用户登录验证的小例子
2013/03/06 Python
python中enumerate函数用法实例分析
2015/05/20 Python
python实现监控阿里云账户余额功能
2019/12/16 Python
Python查找不限层级Json数据中某个key或者value的路径方式
2020/02/27 Python
教师自我评价范例
2013/09/24 职场文书
捐书寄语赠言
2014/01/18 职场文书
学生思想表现的评语
2014/01/30 职场文书
员工入职担保书范文
2014/04/01 职场文书
党员创先争优心得体会
2014/09/11 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书
调任通知
2015/04/21 职场文书
男人帮观后感
2015/06/18 职场文书
2016班级元旦联欢会开幕词
2016/03/04 职场文书
MySQL pt-slave-restart工具的使用简介
2021/04/07 MySQL