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 相关文章推荐
xtree.js 代码
Mar 13 Javascript
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
Mar 20 Javascript
jQuery菜单插件superfish使用指南
Apr 21 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
May 12 Javascript
解析ajaxFileUpload 异步上传文件简单使用
Dec 30 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
浅谈Vue.js应用的四种AJAX请求数据模式
Aug 30 Javascript
小程序云开发初探(小结)
Oct 24 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 Javascript
js+css实现全屏侧边栏
Jun 16 Javascript
在vue项目中 实现定义全局变量 全局函数操作
Oct 26 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
PHP框架Laravel的小技巧两则
2015/02/10 PHP
thinkPHP5框架实现多数据库连接,跨数据连接查询操作示例
2019/05/29 PHP
javascript函数库-集合框架
2007/04/27 Javascript
js中将多个语句写成一个语句的两种方法小结
2007/12/08 Javascript
JS 显示当前日期与时间的代码
2010/03/24 Javascript
菜鸟学习JavaScript小实验之函数引用
2010/11/17 Javascript
基于js disabled=&quot;false&quot;不起作用的解决办法
2013/06/26 Javascript
js中的replace方法使用介绍
2013/10/28 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
2016/08/03 Javascript
jquery点击切换背景色的简单实例
2016/08/25 Javascript
javascript动画之模拟拖拽效果篇
2016/09/26 Javascript
每周一练 之 数据结构与算法(Stack)
2019/04/16 Javascript
js实现贪吃蛇游戏(简易版)
2020/09/29 Javascript
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
Python的Flask框架中配置多个子域名的方法讲解
2016/06/07 Python
Python通过paramiko远程下载Linux服务器上的文件实例
2018/12/27 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
Transpose 数组行列转置的限制方式
2020/02/11 Python
使用已经得到的keras模型识别自己手写的数字方式
2020/06/29 Python
Easy Spirit官网:美国休闲鞋履中的代表品牌
2019/04/12 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述。
2015/11/09 面试题
UML设计模式笔试题
2014/06/07 面试题
马智宇婚礼主持词
2014/03/22 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
计算机科学与技术专业求职信
2014/09/03 职场文书
党代会心得体会
2014/09/04 职场文书
党的群众路线对照检查材料思想汇报
2014/09/25 职场文书
班子四风对照检查材料思想汇报
2014/09/29 职场文书
2014年纪检工作总结
2014/11/12 职场文书
2014年连锁店圣诞节活动方案
2014/12/09 职场文书
城镇居民医疗保险工作总结
2015/08/10 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书
Python编程源码报错解决方法总结经验分享
2021/10/05 Python
JavaScript 对象创建的3种方法
2021/11/17 Javascript
Win11 Beta 22621.601 和 22622.601今日发布 KB5017384修复内容汇总
2022/09/23 数码科技