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 相关文章推荐
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
Sep 16 Javascript
AngularJS中的模块详解
Jan 29 Javascript
jQuery焦点图切换特效代码分享
Sep 15 Javascript
详解AngularJS Filter(过滤器)用法
Dec 28 Javascript
JavaScript必知必会(七)js对象继承
Jun 08 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
Aug 19 Javascript
Angular1.x自定义指令实例详解
Mar 01 Javascript
JS中Safari浏览器中的Date
Jul 17 Javascript
ES6中字符串string常用的新增方法小结
Nov 07 Javascript
Vue项目中使用Vux的安装过程
May 01 Javascript
nuxt.js 缓存实践
Jun 25 Javascript
微信小程序实践之动态控制组件的显示/隐藏功能
Jul 18 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中addcslashes与stripcslashes函数用法分析
2016/01/07 PHP
Zend Framework教程之Zend_Config_Ini用法分析
2016/03/23 PHP
laravel model模型处理之修改查询或修改字段时的类型格式案例
2019/10/17 PHP
JS代码格式化和语法着色V2
2006/10/14 Javascript
event.currentTarget与event.target的区别介绍
2012/12/31 Javascript
Javascript Ajax异步读取RSS文档具体实现
2013/12/12 Javascript
一个JavaScript去除字符串末尾的空白实例代码
2014/09/22 Javascript
javascript正则表达式中的replace方法详解
2015/04/20 Javascript
基于Vue.js的表格分页组件
2016/05/22 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
利用javascript如何随机生成一定位数的密码
2017/09/22 Javascript
jQuery实现的事件绑定功能基本示例
2017/10/11 jQuery
[04:40]2016国际邀请赛中国区预选赛全程TOP10镜头集锦
2016/07/01 DOTA
Python中函数的参数定义和可变参数用法实例分析
2015/06/04 Python
Python实现对象转换为xml的方法示例
2017/06/08 Python
Python多线程中阻塞(join)与锁(Lock)使用误区解析
2018/04/27 Python
深入浅析Python2.x和3.x版本的主要区别
2018/11/30 Python
使用Python实现画一个中国地图
2019/11/23 Python
Python读取VOC中的xml目标框实例
2020/03/10 Python
jupyter notebook 的工作空间设置操作
2020/04/20 Python
keras模型保存为tensorflow的二进制模型方式
2020/05/25 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
css3弹性盒子flex实现三栏布局的实现
2020/11/12 HTML / CSS
泰坦健身器材:Titan Fitness
2018/02/13 全球购物
迷你唐卡软皮鞋:Minnetonka Moccasin
2018/05/01 全球购物
诺心蛋糕官网:LE CAKE
2018/08/25 全球购物
顶岗实习计划书
2014/01/10 职场文书
《雨点》教学反思
2014/02/12 职场文书
公司开业庆典主持词
2014/03/21 职场文书
中层干部竞聘演讲稿
2014/05/15 职场文书
企业文明单位申报材料
2014/05/16 职场文书
孝老爱亲事迹材料
2014/12/24 职场文书
2015年银行大堂经理工作总结
2015/04/24 职场文书
保护地球的宣传语
2015/07/13 职场文书
2016大学生国家助学贷款承诺书
2016/03/25 职场文书
利用Java设置Word文本框中的文字旋转方向的实现方法
2021/06/28 Java/Android