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防抖用法(JavaScript的防抖和节流案例)
- mvc JavaScriptResult的用法
- js 图片编辑处理库(javascript input图片上传及预览,FileReader预览图片)
- 用javascript设计五子棋(JavaScript实现网页版五子棋游戏)
- web中如何预防xss攻击(详解前端安全之JavaScript防http劫持与XSS)
- jspromise原理(JavaScript使用promise处理多重复请求)
- js搜索功能的实现(前端JavaScript实现本地模糊搜索功能的方法实例)
- javascript的作用域详解精简版(浅谈JavaScript 中的延迟加载属性模式)
- javascript怎么生成html控件(JavaScript+html实现前端页面滑动验证2)
- JavaScript中实现AES加密解密
- Javascript操作DOM
- javascript动作事件有哪些(JavaScript之事件循环案例讲解)
- js三级联动列表(基于JavaScript实现年月日三级联动)
- pyqt5加载chrome浏览器(PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例)
- javascript如何建立一个静态变量(JavaScript中子函数访问外部变量的3种解决方法)
- JavaScript命名空间
- 文明6金币太少怎么办 文明6无限刷钱教程(文明6金币太少怎么办)
- 开国中将,王牌军63军首任政委,两个连襟一个上将一个少将传为佳话(王牌军63军首任政委)
- 臭名昭著的731部队最高负责人 石井四郎(臭名昭著的731部队最高负责人)
- 王牌部队,你看的剧情我看的时尚(你看的剧情我看的时尚)
- 被鉴定的古董价值300万 当心,你可能遇到诈骗了(被鉴定的古董价值300万)
- 英语难学吗(初中英语难学吗)
热门推荐
- django中filter的参数(详解django2中关于时间处理策略)
- dedecms分页修改(dedecms 自动审核会员发表的最新文章的修改方法)
- 定时删除linux日志(Linux使用shell脚本定时删除历史日志文件)
- php队列的用法实例(PHP实现一个限制实例化次数的类示例)
- react常用组件及作用(React中的Context应用场景分析)
- python常用的属性和方法(Python进阶之@property动态属性的实现)
- vue代码和element用法(Vue Element前端应用开发之整合ABP框架的前端登录)
- docker只有localhost可用(浅谈Docker如何自定义host文件)
- css垂直居中16个方法(css实现元素垂直居中的常用方法总结)
- html5div怎样居中(HTML5+CSS设置浮动却没有动反而在中间且错行的问题)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9