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资料prototype 属性
Mar 13 Javascript
Js callBack 返回前一页的js方法
Nov 30 Javascript
基于jquery的划词搜索实现(备忘)
Sep 14 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
Jun 28 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
Jun 12 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
Aug 25 Javascript
JavaScript数据结构链表知识详解
Nov 21 Javascript
angular实现spa单页面应用实例
Jul 10 Javascript
React入门教程之Hello World以及环境搭建详解
Jul 11 Javascript
JS加密插件CryptoJS实现的Base64加密示例
Aug 16 Javascript
简单了解JavaScript arguement原理及作用
May 28 Javascript
vue实现两个组件之间数据共享和修改操作
Nov 12 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 Session无效分析资料整理
2016/11/29 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
Windows平台PHP+IECapt实现网页批量截图并创建缩略图功能详解
2019/08/02 PHP
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
2014/01/09 Javascript
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
2015/09/25 Javascript
轻松学习Javascript闭包函数
2015/12/15 Javascript
javascript实现下拉提示选择框
2015/12/29 Javascript
详解jQuery中的deferred对象的使用(一)
2016/05/27 Javascript
jQuery简单实现仿京东分类导航层效果
2016/06/07 Javascript
微信小程序 wxapp画布 canvas详细介绍
2016/10/31 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
2020/11/16 Javascript
nodejs实例解析(输出hello world)
2017/01/03 NodeJs
React应用中使用Bootstrap的方法
2017/08/15 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
通过jquery.cookie.js实现记住用户名、密码登录功能
2018/06/20 jQuery
利用Python中的mock库对Python代码进行模拟测试
2015/04/16 Python
Python中property属性实例解析
2018/02/10 Python
在python中实现对list求和及求积
2018/11/14 Python
python实现Flappy Bird源码
2018/12/24 Python
解决pycharm的Python console不能调试当前程序的问题
2019/01/20 Python
python tkinter窗口最大化的实现
2019/07/15 Python
Django框架下静态模板的继承操作示例
2019/11/08 Python
Python类中的装饰器在当前类中的声明与调用详解
2020/04/15 Python
CentOS 7如何实现定时执行python脚本
2020/06/24 Python
伦敦一卡通:The London Pass
2018/11/30 全球购物
.net软件工程师应聘上机试题
2015/03/10 面试题
自我鉴定注意事项
2014/01/19 职场文书
住宅质量保证书
2014/04/29 职场文书
李开复演讲稿
2014/05/24 职场文书
师德师风自我评价范文
2014/09/11 职场文书
画展邀请函
2015/01/31 职场文书
南湾猴岛导游词
2015/02/09 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
Redis IP地址的绑定的实现
2021/05/08 Redis
mysql序号rownum行号实现方式
2022/12/24 MySQL