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 相关文章推荐
为数据添加append,remove功能
Oct 03 Javascript
javascript IFrame 强制刷新代码
Jul 23 Javascript
javascript document.execCommand() 常用解析
Dec 14 Javascript
Kibo 用于处理键盘事件的Javascript工具库
Oct 28 Javascript
使用js判断当前时区TimeZone是否是夏令时
Feb 23 Javascript
下雪了 javascript实现雪花飞舞
Aug 02 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
Jun 10 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 Javascript
利用JQuery阻止事件冒泡
Dec 01 Javascript
angularjs实现过滤并替换关键字小功能
Sep 19 Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
Oct 18 Javascript
详解vue父子组件关于模态框状态的绑定方案
Jun 05 Javascript
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
ucenter中词语过滤原理分析
2016/07/13 PHP
PHP+JQuery+Ajax实现分页方法详解
2016/08/06 PHP
PHP命令行执行整合pathinfo模拟定时任务实例
2016/08/12 PHP
通过判断JavaScript的版本实现执行不同的代码
2010/05/11 Javascript
js限制文本框只能输入数字方法小结
2014/06/16 Javascript
javascript委托(Delegate)blur和focus用法实例分析
2015/05/26 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
Javascript模仿淘宝信用评价实例(附源码)
2015/11/26 Javascript
全屏js头像上传插件源码高清版
2016/03/29 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
2016/06/22 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
详解Nodejs基于mongoose模块的增删改查的操作
2016/12/21 NodeJs
Bootstrap缩略图的创建方法
2017/03/22 Javascript
AngularJS中下拉框的高级用法示例
2017/10/11 Javascript
bootstrap模态框关闭后清除模态框的数据方法
2018/08/10 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
2019/01/09 Javascript
微信小程序自定义导航栏实例代码
2019/04/05 Javascript
Python3匿名函数用法示例
2018/07/25 Python
python3对接mysql数据库实例详解
2019/04/30 Python
关于Numpy中的行向量和列向量详解
2019/11/30 Python
三个python爬虫项目实例代码
2019/12/28 Python
PyCharm MySQL可视化Database配置过程图解
2020/06/09 Python
在pytorch中动态调整优化器的学习率方式
2020/06/24 Python
python实现数字炸弹游戏
2020/07/17 Python
使用CSS3来匹配横屏竖屏的简单方法
2015/08/04 HTML / CSS
canvas实现滑动验证的实现示例
2020/08/11 HTML / CSS
高中生的学习总结自我鉴定
2013/10/26 职场文书
大一自我鉴定范文
2013/12/27 职场文书
心得体会怎么写
2013/12/30 职场文书
董事长助理岗位职责
2014/02/18 职场文书
党员群众路线承诺书
2014/05/20 职场文书
邀请函模板
2015/02/02 职场文书
财务工作个人总结
2015/02/27 职场文书
2016年感恩父亲节活动总结
2016/04/01 职场文书
2020年元旦祝福语录,总有适合你的
2019/12/31 职场文书
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python