js中拼接字符串的几种方法
类别:Web前端 浏览量:2066
时间:2016-10-9 js中拼接字符串的几种方法
js中拼接字符串的几种方法1、用连接符“+”把要拼接的字符串连起来
这种方法最常用,但是有个不好的就是 常常会因为少写或者多写引号而出错,而且这种出错不易察觉。
var arr =['今天',昨天','明天'];
$(
'<li class="show">'+
'<ul class="app">'+
'<li>'+arr[0]+'</li>'+
'<li>'+arr[1]+'</li>'+
'<li>'+arr[2]+'</li>'+
'</ul>'+
'</li>'
).appendTo('.str')
2、以数组作为中介用 join 拼接字符串
var arr =['今天','昨天','明天'];
var str ='';
str+=['<li class="show">',
'<ul>',
'<li><a href="">'+arr[0]+'</a></li>',
'<li><a href="">'+arr[1]+'</a></li>',
'<li><a href="">'+arr[2]+'</a></li>',
'</ul>',
'</li>'
].join('');
$('.str').append(str);
3、通过转义斜线 \ 拼接
每一行的最后,都加上转义斜线\,但没有后续字符,只有个\
var dataList = '<li id="box">\
<ul class="LearnList">\
<li class="list">HTML</li>\
<li class="list">CSS</li>\
<li class="list">JS</li>\
<li class="list">NODE</li>\
<li class="list">ANGLUAR</li>\
<li class="list">JSON</li>\
</ul>\
</li>'
标签:javascript
您可能感兴趣
- javascript的作用域详解精简版(浅谈JavaScript 中的延迟加载属性模式)
- javascript编程中的promise(JavaScript如何利用Promise控制并发请求个数)
- javascript里字符串描述(JavaScript字符串操作的四个实用技巧)
- javascript构造重复数组(JavaScript平铺数组转树形结构的实现示例)
- javascript中需要注意的几个细节
- js实现继承的五种(JavaScript继承的三种方法实例)
- JavaScript将具有父子关系的数据转化成树形结构,供tree控件使用
- pyqt5加载chrome浏览器(PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例)
- javascript怎么判断对象类型(JavaScript对象内置对象,值类型和引用类型讲解)
- javascript如何获取后台数据(JavaScript实现异步获取表单数据)
- javascript函数工具有哪些(如何让你的JavaScript函数更加优雅详解)
- js怎么做一个计时器(JavaScript实现简单计时器)
- javascript:; 和javascript:void(0);
- js 定时切换图片(JavaScript定时器实现无缝滚动图片)
- js使用canvas(JavaScript canvas实现七彩时钟效果)
- js数组去重的十种方法(JavaScript常用数组去重实战源码)
- 花不语 下 如果重来一次的话,你还会这么选择吗(花不语下如果重来一次的话)
- 城市记忆之上海 最难忘的是老弄堂里的市井味道(城市记忆之上海)
- 太鸡贼了,这老小区轻松搞定了停车问题(这老小区轻松搞定了停车问题)
- 太鸡贼了,这老小区轻松搞定了停车问题(这老小区轻松搞定了停车问题)
- 节日我在岗|警景相融 平安相伴(节日我在岗警景相融)
- 战 疫 时刻 致敬每一位石化大学的 守护者(战疫时刻)
热门推荐
- 搭建lnmp的实验心得(Docke容器分离部署LNMP的实现)
- python 链表操作(Python3实现的判断环形链表算法示例)
- mysql分库分表视图(MySQL分库分表与分区的入门指南)
- python代码返回值(Python 函数返回值的示例代码)
- python语言支持多态(Python实现多态、协议和鸭子类型的代码详解)
- 织梦安装图文教程(织梦网站安装教程 织梦模板通用安装图文教程)
- mysql数据库三种模式(MySQL数据库是如何实现XA规范的)
- 国内优惠的云服务器租用多少钱(云服务器租用的价格怎么算?)
- angular怎么创建声明(使用Angular CDK实现一个Service弹出Toast组件功能)
- dedecms调用logo标签(dedecms返回列表页功能的标签代码)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9