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
您可能感兴趣
- js中alert加参数写法(详解JavaScript Alert函数执行顺序问题)
- javascript类型转换
- javascript作用域实例(JavaScript defineProperty如何实现属性劫持)
- js tab栏案例(JavaScript实现Tab栏切换特效)
- jscanvas背景色(JavaScript canvas实现代码雨效果)
- javascript变量值做函数名(JavaScript中变量提升和函数提升实例详解)
- js搜索功能的实现(前端JavaScript实现本地模糊搜索功能的方法实例)
- js数字时钟编程(JavaScript实现动态数字时钟)
- JavaScript中==和===的区别
- javascript页面滚动窗口(javascript实现简单滚动窗口)
- dedecms新手建站教程网页设计(DEDECMS幻灯片中JavaScript实际应用举例)
- mvc JavaScriptResult的用法
- javascript的作用域详解精简版(浅谈JavaScript 中的延迟加载属性模式)
- js原生tab栏切换(JavaScript实现简易tab栏切换案例)
- javascript 经典算法(JavaScript实现的七种排序算法总结推荐!)
- javascript如何跨域
- 成都轨道交通13号线一期工程最新进展(成都轨道交通13号线一期工程最新进展)
- 越南没事(越南没事情做)
- 重庆旅游攻略(重庆旅游3-4天攻略最佳线路)
- 周杰伦演唱会门票(周杰伦演唱会门票多少钱一张2023)
- 焕然一新 成都轨道集团官方网站改版上线(成都轨道集团官方网站改版上线)
- 成都轨道交通19号线二期全线电通(成都轨道交通19号线二期全线电通)
热门推荐
- javascript函数的递归调用记得加上return
- django 如何实现高并发(Django如何防止定时任务并发浅析)
- docker显示出错应用图标怎么处理(docker 命令报异常permission denied的解决方案)
- 60个常用的css布局(CSS布局基础BFC)
- pythonjson格式化原理(详解pythonstr与json类型转换)
- sql脚本编写计划任务(使用 SQL 语句实现一个年会抽奖程序的代码)
- css中margin什么意思(CSS margin全面了解)
- mysql存储过程limit参数(MySQL存储过程in、out和inout参数示例和总结)
- pythonselenium查看当前页面元素(python+selenium 定位到元素,无法点击的解决方法)
- 数据库大数据访问的解决方法