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 相关文章推荐
jquery使用经验小结
May 20 Javascript
jQuery实现批量判断表单中文本框非空的方法(2种方法)
Dec 09 Javascript
论JavaScript模块化编程
Mar 07 Javascript
不同js异步函数同步的实现方法
May 28 Javascript
Javascript typeof与instanceof的区别
Oct 18 Javascript
Bootstrap table表格简单操作
Feb 07 Javascript
AngularJS发送异步Get/Post请求方法
Aug 13 Javascript
es6 symbol的实现方法示例
Apr 02 Javascript
解决父组件将子组件作为弹窗调用只执行一次created的问题
Jul 24 Javascript
Element Badge标记的使用方法
Jul 27 Javascript
vue中watch和computed的区别与使用方法
Aug 23 Javascript
JS Canvas接口和动画效果大全
Apr 29 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 getID3类的使用方法学习笔记【附getID3源码下载】
2019/10/18 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
js 判断checkbox是否选中的实现代码
2010/11/23 Javascript
Json和Jsonp理论实例代码详解
2013/11/15 Javascript
jQuery中outerWidth()方法用法实例
2015/01/19 Javascript
jquery插件star-rating.js实现星级评分特效
2015/04/15 Javascript
png在IE6 下无法透明的解决方法汇总
2015/05/21 Javascript
JavaScript实现向右伸出的多级网页菜单效果
2015/08/25 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
2016/06/09 Javascript
浅谈JS的基础类型与引用类型
2016/09/13 Javascript
通过bootstrap全面学习less
2016/11/09 Javascript
Javascript的this用法
2017/01/16 Javascript
jQuery使用方法
2017/02/04 Javascript
React+Antd+Redux实现待办事件的方法
2019/03/14 Javascript
element-ui多文件上传的实现示例
2019/04/10 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
2019/05/30 Javascript
vue下使用nginx刷新页面404的问题解决
2019/08/02 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
2020/05/19 jQuery
详解vue组件之间的通信
2020/08/30 Javascript
JS实现选项卡插件的两种写法(jQuery和class)
2020/12/30 jQuery
[01:07:19]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第一场
2018/04/06 DOTA
Python模块学习 filecmp 文件比较
2012/08/27 Python
Python3基础之输入和输出实例分析
2014/08/18 Python
python中的五种异常处理机制介绍
2014/09/02 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
python存储16bit和32bit图像的实例
2018/12/05 Python
对python 读取线的shp文件实例详解
2018/12/22 Python
python实现flappy bird小游戏
2018/12/24 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
大学生自我鉴定范文
2013/12/28 职场文书
寄语学生的话
2014/04/10 职场文书
预备党员个人总结
2015/02/14 职场文书
三好学生个人总结
2015/02/15 职场文书
初中家长意见
2015/06/03 职场文书