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 相关文章推荐
经常用的图片在容器中的水平垂直居中实例
Jun 10 Javascript
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
Nov 24 Javascript
Jquery中对数组的操作代码
Aug 12 Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
May 11 Javascript
Javascript函数式编程简单介绍
Oct 11 Javascript
jquery分隔Url的param方法(推荐)
May 25 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
Sep 08 Javascript
关于不同页面之间实现参数传递的几种方式讨论
Feb 13 Javascript
JS设计模式之命令模式概念与用法分析
Feb 06 Javascript
layui前端框架之table表数据的刷新方法
Aug 17 Javascript
Vue.js 十五分钟入门图文教程
Sep 12 Javascript
解决vant title-active-color与title-inactive-color不生效问题
Nov 03 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获取当前页面完整URL地址
2015/12/30 PHP
Yii2中关联查询简单用法示例
2016/08/10 PHP
中高级PHP程序员应该掌握哪些技术?
2016/09/23 PHP
php通过header发送自定义数据方法
2018/01/18 PHP
PHPStorm 2020.1 调试 Nodejs的多种方法详解
2020/09/17 NodeJs
使用javascript做的一个随机点名程序
2014/02/13 Javascript
nodejs实现黑名单中间件设计
2014/06/17 NodeJs
Knockoutjs 学习系列(二)花式捆绑
2016/06/07 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
2016/08/10 Javascript
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
详解nodejs通过响应回写的方式渲染页面资源
2018/04/07 NodeJs
jQuery实现的淡入淡出与滑入滑出效果示例
2018/04/18 jQuery
Vue extend的基本用法(实例详解)
2019/12/09 Javascript
node.js Promise对象的使用方法实例分析
2019/12/26 Javascript
python基于BeautifulSoup实现抓取网页指定内容的方法
2015/07/09 Python
Python实现的文本编辑器功能示例
2017/06/30 Python
python 按照固定长度分割字符串的方法小结
2018/04/30 Python
Python使用爬虫爬取静态网页图片的方法详解
2018/06/05 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
Jupyter notebook在mac:linux上的配置和远程访问的方法
2019/01/14 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
Python基于httpx模块实现发送请求
2020/07/07 Python
用Python制作mini翻译器的实现示例
2020/08/17 Python
HTML5的结构和语义(2):结构
2008/10/17 HTML / CSS
HTML5 canvas标签实现刮刮卡效果
2015/04/24 HTML / CSS
美国高端婴童品牌:Hanna Andersson
2016/10/30 全球购物
澳大利亚儿童精品仓库:Goo & Co.
2019/06/20 全球购物
我的applet原先好好的, 一放到web server就会有问题,为什么?
2016/05/10 面试题
实习期自我鉴定
2013/10/11 职场文书
各营销点岗位职责范本
2014/03/05 职场文书
外贸会计专业自荐信
2014/06/22 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
2015年民主生活会发言材料
2014/12/15 职场文书
联谊会开场白
2015/06/01 职场文书
Python中的xlrd模块使用整理
2021/06/15 Python
我国拿下天问一号火星着陆区附近 22 个地理实体命名:平乐、西柏坡、古田、漠河等
2022/04/29 数码科技