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函数更加优雅详解)
- canvas俄罗斯方块(JavaScript canvas实现俄罗斯方块游戏)
- javascript类型转换讲解(JavaScript数据类型转换详解推荐)
- web中如何预防xss攻击(详解前端安全之JavaScript防http劫持与XSS)
- js怎么做一个计时器(JavaScript实现简单计时器)
- js的模块模式设计(如何理解JavaScript模块化)
- javascript对象添加方法(详解JavaScript面向对象实战之封装拖拽对象)
- JavaScript实现网页版贪吃蛇游戏(JavaScript实现网页版贪吃蛇游戏)
- javascript的执行顺序
- js回调函数原理(关于JavaScript回调函数的深入理解)
- vue走马灯特效(Javascript结合Vue实现对任意迷宫图片的自动寻路)
- 百度地图获取api过程(JavaScript接入百度地图API的方法步骤)
- js三级联动列表(基于JavaScript实现年月日三级联动)
- js实现div(javascript拖曳互换div的位置实现示例)
- JavaScript脚本数据类型
- 用javascript解析json(JavaScript JSON.stringify的使用总结)
- 新款起亚霸锐实拍,比普拉多气派,配3.0T V6,引入国内或许能大卖(新款起亚霸锐实拍)
- ()
- 张勇 阿里新任掌门人(阿里新任掌门人)
- 毛戈平全国第一柜花落银泰 高端国货迎来 高光 时刻(毛戈平全国第一柜花落银泰)
- 14岁丧父 20岁丧母,从苦难走向辉煌的银泰创始人沈国军(14岁丧父20岁丧母从苦难走向辉煌的银泰创始人沈国军)
- 银泰集团董事长沈国军获评 北京影响力 十大企业家(银泰集团董事长沈国军获评)
热门推荐
- python爬虫音乐代码(详解python selenium 爬取网易云音乐歌单名)
- TypeScript定义接口(interface)案例教程(TypeScript定义接口interface案例教程)
- sql server占cpu高
- Windows2012配置SQLServer2014AlwaysOn的图解(Windows2012配置SQLServer2014AlwaysOn的图解)
- sqlserverdate格式比较(sqlserver之datepart和datediff应用查找当天上午和下午的数据)
- iview 全局初始化组件(iview 权限管理的实现)
- python爬虫出租屋(python爬虫租房信息在地图上显示的方法)
- 10款免费好用的云服务器/VPS主机控制面板推荐(10款免费好用的云服务器/VPS主机控制面板推荐)
- mysqldump导入导出(MySQL官方导出工具mysqlpump的使用)
- mysql8.0.23.0官方安装手册(MySQL8.0.23安装超详细教程)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9