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 相关文章推荐
Javascript实现重力弹跳拖拽运动效果示例
Jun 28 Javascript
JQuery 控制内容长度超出规定长度显示省略号
May 23 Javascript
用js通过url传参把数据从一个页面传到另一个页面
Sep 01 Javascript
js中取得变量绝对值的方法
Jan 03 Javascript
JavaScript代码判断点击第几个按钮
Dec 13 Javascript
关于Vue.js一些问题和思考学习笔记(1)
Dec 02 Javascript
原生js实现下拉框功能(支持键盘事件)
Jan 13 Javascript
微信小程序 ecshop地址三级联动实现实例代码
Feb 28 Javascript
原生JS实现不断变化的标签
May 22 Javascript
Vue中使用clipboard实现复制功能
Sep 05 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
Oct 14 Javascript
JS面向对象编程实现的拖拽功能案例详解
Mar 03 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 飞信好友免费短信API接口开源版
2010/07/22 PHP
php微信公众号开发之快递查询
2018/10/20 PHP
关于javascript 回调函数中变量作用域的讨论
2009/09/11 Javascript
写出更好的JavaScript程序之undefined篇(中)
2009/11/23 Javascript
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
2010/05/06 Javascript
基于JQuery的一个简单的鼠标跟随提示效果
2010/09/23 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
原生javascript实现拖动元素示例代码
2014/09/01 Javascript
原生JS实现LOADING效果
2015/03/16 Javascript
浅谈JavaScript 的执行顺序
2015/08/07 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
2015/11/17 Javascript
JS实现HTML标签转义及反转义
2020/04/14 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
微信小程序上传图片实例
2018/05/28 Javascript
详解ES7 Decorator 入门解析
2019/02/18 Javascript
重学JS之显示强制类型转换详解
2019/06/30 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
使用pdb模块调试Python程序实例
2015/06/02 Python
简单实现python爬虫功能
2015/12/31 Python
Python的爬虫包Beautiful Soup中用正则表达式来搜索
2016/01/20 Python
python中zip()方法应用实例分析
2016/04/16 Python
matplotlib savefig 保存图片大小的实例
2018/05/24 Python
python2与python3共存问题的解决方法
2018/09/18 Python
Python实现iOS自动化打包详解步骤
2018/10/03 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
利用CSS3实现文本框的清除按钮相关的一些效果
2015/06/23 HTML / CSS
文秘专业大学生求职信
2013/11/10 职场文书
《中国的气候》教学反思
2014/02/23 职场文书
进口业务员岗位职责
2014/04/06 职场文书
县委常委班子对照检查材料思想汇报
2014/09/28 职场文书
干部作风整顿个人剖析材料
2014/10/06 职场文书
工作时间调整通知
2015/04/24 职场文书
计划生育目标责任书
2015/05/09 职场文书
女儿满月酒致辞
2015/07/29 职场文书
JavaScript事件的委托(代理)的用法示例详解
2022/02/18 Javascript