js拼接html字符串的注意事项


Posted in Javascript onOctober 13, 2016

+加好拼接如果不换行,是不会出现执行一段一段执行的情况,但是字符串太长了,换行之后会出现一段一段执行的情况,这样页面生成的div等就不是想要的结果了。

换行要这样拼接

var s='<li class="todetail" data-id="'+
	one.id+'"><p class="dd_time">'+
	one.leasetime+'</p><div class="info-box"><img src="'+
	fe+'" class="dd_face"></div><div class="dd_bot"><span class="dd_nikename">'+
	nikeme+'</span><div class="money"><span class="dd_price">¥'+
	one.ney+'</span></div></div><div class="dd_do"><span>约会:'+
	one.myhuifangshi+'</span></div><p class="dd_zt">状态:'+
	zt+'</p><div class="code_btn">'+
	buttons+'</div></li>';

s=' ccccccc  '+

XX+'cccccccccccccccc'+

XX+‘ccccccccccccccccccc';

以上就是小编为大家带来的js拼接html字符串的注意事项全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
javascript 跳转代码集合
Dec 03 Javascript
js打印纸函数代码(递归)
Jun 18 Javascript
createElement与createDocumentFragment的点点区别小结
Dec 19 Javascript
js遍历、动态的添加数据的小例子
Jun 22 Javascript
document节点对象的获取方式示例介绍
Dec 24 Javascript
贴近用户体验的Jquery日期、时间选择插件
Aug 19 Javascript
学习vue.js条件渲染
Dec 03 Javascript
老生常谈jacascript DOM节点获取
Apr 17 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
Dec 19 Javascript
vue中动态绑定表单元素的属性方法
Feb 23 Javascript
你可能不知道的CORS跨域资源共享
Mar 13 Javascript
vue 数字翻牌器动态加载数据
Apr 20 Vue.js
js实现对table的增加行和删除行的操作方法
Oct 13 #Javascript
微信小程序 wx.request(OBJECT)发起请求详解
Oct 13 #Javascript
JS版微信6.0分享接口用法分析
Oct 13 #Javascript
js实现html table 行,列锁定的简单实例
Oct 13 #Javascript
微信小程序 SocketIO 实例讲解
Oct 13 #Javascript
简单谈谈JS数组中的indexOf方法
Oct 13 #Javascript
使用jquery如何获取时间
Oct 13 #Javascript
You might like
ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
2014/05/15 PHP
php5.2以下版本无json_decode函数的解决方法
2014/05/25 PHP
CentOS下PHP安装Oracle扩展
2015/02/15 PHP
PHP面向对象程序设计方法实例详解
2016/12/24 PHP
PHP命名空间与自动加载机制的基础介绍
2019/08/25 PHP
无阻塞加载脚本分析[全]
2011/01/20 Javascript
formvalidator验证插件中有关ajax验证问题
2013/01/04 Javascript
不用一句js代码初始化组件
2016/01/27 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
2016/03/11 Javascript
Node.js实用代码段之正确拼接Buffer
2016/03/17 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
BootStrap3使用错误记录及解决办法
2016/12/22 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
2017/01/03 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
2017/01/03 Javascript
Javascript中的async awai的用法
2017/05/17 Javascript
r.js来合并压缩css文件的示例
2018/04/26 Javascript
Vue.js项目中管理每个页面的头部标签的两种方法
2018/06/25 Javascript
layui加载表格,绑定新增,编辑删除,查看按钮事件的例子
2019/09/06 Javascript
微信小程序实现锚点功能
2019/11/20 Javascript
[01:47]2018年度DOTA2最佳教练-完美盛典
2018/12/16 DOTA
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
Pytorch 实现数据集自定义读取
2020/01/18 Python
Python运行异常管理解决方案
2020/03/09 Python
python 日志模块 日志等级设置失效的解决方案
2020/05/26 Python
Python 抓取数据存储到Redis中的操作
2020/07/16 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
应届大学生求职信
2013/12/01 职场文书
乡镇党委书记个人整改措施
2014/09/15 职场文书
委托培训协议书
2014/11/17 职场文书
成本会计岗位职责
2015/02/03 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
七年级作文之游记
2019/12/11 职场文书
java实现对Hadoop的操作
2021/07/01 Java/Android
InterProcessMutex实现zookeeper分布式锁原理
2022/03/21 Java/Android
CentOS下安装Jenkins的完整步骤
2022/04/07 Servers