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 相关文章推荐
一个很酷的拖动层的js类,兼容IE及Firefox
Jun 23 Javascript
基于Jquery的仿照flash放大图片效果代码
Mar 16 Javascript
深入理解JavaScript系列(9) 根本没有“JSON对象”这回事!
Jan 15 Javascript
js仿百度切换皮肤功能(html+css)
Jul 10 Javascript
js中字符型和数值型数字的互相转化方法(必看)
Apr 25 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
Aug 23 Javascript
bootstrap轮播模板使用方法详解
Nov 17 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
Dec 27 Javascript
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
Jul 24 Javascript
vue制作toast组件npm包示例代码
Oct 29 Javascript
详解React中共享组件逻辑的三种方式
Feb 02 Javascript
JavaScript使用setTimeout实现倒计时效果
Feb 19 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
回答PHPCHINA上的几个问题:URL映射
2007/02/14 PHP
php中filter函数验证、过滤用户输入的数据
2014/01/13 PHP
php中的filesystem文件系统函数介绍及使用示例
2014/02/13 PHP
php文件缓存类用法实例分析
2015/04/22 PHP
PHP与JavaScript针对Cookie的读写、交互操作方法详解
2017/08/07 PHP
PHP面向对象程序设计之多态性的应用示例
2018/12/19 PHP
PHP实现读取文件夹及批量重命名文件操作示例
2019/04/15 PHP
laravel实现上传图片,并且制作缩略图,按照日期存放的代码
2019/10/16 PHP
JavaScript判断两种格式的输入日期的正确性的代码
2007/03/25 Javascript
javascript实现轮显新闻标题链接
2007/08/13 Javascript
Javascript条件判断使用小技巧总结
2008/09/08 Javascript
JS面向对象编程 for Cookie
2010/09/19 Javascript
jQuery绑定自定义事件的魔法升级版
2016/06/30 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
2017/10/26 Javascript
Vue.js 点击按钮显示/隐藏内容的实例代码
2018/02/08 Javascript
bootstrap table实现合并单元格效果
2018/12/24 Javascript
NodeJS实现同步的方法
2019/03/02 NodeJs
学习RxJS之JavaScript框架Cycle.js
2019/06/17 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
2019/09/15 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
2020/08/13 Javascript
Python元组知识点总结
2019/02/18 Python
django rest framework 实现用户登录认证详解
2019/07/29 Python
python标记语句块使用方法总结
2019/08/05 Python
快速解决docker-py api版本不兼容的问题
2019/08/30 Python
在Pytorch中计算自己模型的FLOPs方式
2019/12/30 Python
Python标准库itertools的使用方法
2020/01/17 Python
LTD Commodities:礼品,独特发现,家居装饰,家用器皿
2017/08/11 全球购物
Java面向对象面试题
2016/12/26 面试题
国旗下演讲稿
2014/05/08 职场文书
副总经理任命书
2014/06/05 职场文书
计算机科学与技术专业求职信
2014/09/03 职场文书
学习考察心得体会
2014/09/04 职场文书
写给媳妇的检讨书
2015/05/06 职场文书
安全主题班会教案
2015/08/12 职场文书
2016年第十四个公民道德宣传日活动总
2016/04/01 职场文书