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 相关文章推荐
js 异步处理进度条
Apr 01 Javascript
JavaScript获取多个数组的交集简单实例
Nov 11 Javascript
jQuery仿gmail实现fixed布局的方法
May 27 Javascript
jQuery EasyUI学习教程之datagrid点击列表头排序
Jul 09 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
Aug 21 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
Jan 10 Javascript
详解用node.js实现简单的反向代理
Jun 26 Javascript
node中Express 动态设置端口的方法
Aug 04 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
Aug 30 Javascript
JavaScript调用模式与this关键字绑定的关系
Apr 21 Javascript
微信js-sdk 录音功能的示例代码
Nov 01 Javascript
微信小程序监听用户登录事件的实现方法
Nov 11 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
第八节--访问方式
2006/11/16 PHP
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
php inc文件使用的风险和注意事项
2013/11/12 PHP
学习php设计模式 php实现状态模式
2015/12/07 PHP
PHP信号量基本用法实例详解
2016/02/12 PHP
总结对比php中的多种序列化
2016/08/28 PHP
php设计模式之工厂方法模式分析【星际争霸游戏案例】
2020/01/23 PHP
PHP date_default_timezone_set()设置时区操作实例分析
2020/05/16 PHP
jquery利用event.which方法获取键盘输入值的代码
2011/10/09 Javascript
JavaScript中的面向对象介绍
2012/06/30 Javascript
window.showModalDialog()返回值的学习心得总结
2014/01/07 Javascript
一个小例子解释如何来阻止Jquery事件冒泡
2014/07/17 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
2015/12/13 Javascript
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
JS正则截取两个字符串之间及字符串前后内容的方法
2017/01/06 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
2017/03/24 jQuery
Bootstrap4如何定制自己的颜色和风格
2018/02/26 Javascript
使用webpack搭建vue项目实现脚手架功能
2019/03/15 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
2019/07/23 Javascript
vue.js购物车添加商品组件的方法
2019/09/17 Javascript
原生JS利用transform实现banner的无限滚动示例代码
2020/06/15 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
2020/07/19 Javascript
js实现幻灯片轮播图
2020/08/14 Javascript
Python中操作文件之write()方法的使用教程
2015/05/25 Python
django利用request id便于定位及给日志加上request_id
2018/08/26 Python
史上最详细的Python打包成exe文件教程
2021/01/17 Python
瑞士国际航空官网:SWISS
2016/07/21 全球购物
去加拿大的旅行和假期:Canadian Affair
2016/10/25 全球购物
澳洲Chemist Direct药房中文网:澳洲大型线上直邮药房
2019/11/04 全球购物
Python的两道面试题
2013/06/29 面试题
2014年大班保育员工作总结
2014/12/02 职场文书
西柏坡观后感
2015/06/08 职场文书
回复函格式及范文
2015/07/14 职场文书
2019毕业论文致谢词
2019/06/24 职场文书
浅谈redis的过期时间设置和过期删除机制
2022/03/18 MySQL
Pandas实现DataFrame的简单运算、统计与排序
2022/03/31 Python