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游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
Jan 23 Javascript
使用jsonp完美解决跨域问题
Nov 27 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
JS实现输入框提示文字点击时消失效果
Jul 19 Javascript
jQuery实现用户输入自动完成功能
Feb 13 Javascript
socket.io学习教程之基本应用(二)
Apr 29 Javascript
基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)
Nov 02 Javascript
react-redux中connect的装饰器用法@connect详解
Jan 13 Javascript
create-react-app安装出错问题解决方法
Sep 04 Javascript
vscode中eslint插件的配置(prettier配置无效)
Sep 10 Javascript
Node.js API详解之 readline模块用法详解
May 22 Javascript
uniapp电商小程序实现订单30分钟倒计时
Nov 01 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 采集获取指定网址的内容
2010/01/05 PHP
在WordPress中安装使用视频播放器插件Hana Flv Player
2016/01/04 PHP
Jquery同辈元素选中/未选中效果的实例代码
2013/08/01 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
2013/11/12 Javascript
Jquery焦点与失去焦点示例应用
2014/06/10 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
2014/11/26 Javascript
Javascript中的几种继承方式对比分析
2016/03/22 Javascript
解决URL地址中的中文乱码问题的办法
2017/02/10 Javascript
vue按需加载组件webpack require.ensure的方法
2017/12/13 Javascript
Vue项目安装插件并保存
2019/01/28 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
[03:07]DOTA2英雄基础教程 冰霜诅咒极寒幽魂
2013/12/06 DOTA
python实现类似ftp传输文件的网络程序示例
2014/04/08 Python
跟老齐学Python之坑爹的字符编码
2014/09/28 Python
用Python进行TCP网络编程的教程
2015/04/29 Python
在Python的Django框架中创建语言文件
2015/07/27 Python
python中的闭包函数
2018/02/09 Python
解决python3.5 正常安装 却不能直接使用Tkinter包的问题
2019/02/22 Python
Python OpenCV之图片缩放的实现(cv2.resize)
2019/06/28 Python
pytorch索引查找 index_select的例子
2019/08/18 Python
在Python中字符串、列表、元组、字典之间的相互转换
2019/11/15 Python
解决Tensorboard可视化错误:不显示数据 No scalar data was found
2020/02/15 Python
新建文件时Pycharm中自动设置头部模板信息的方法
2020/04/17 Python
澳大利亚游乐场设备品牌:Lifespan Kids
2019/05/24 全球购物
C#里面如何判断一个Object是否是某种类型(如Boolean)?
2016/02/10 面试题
师范院校学生自荐信范文
2013/12/27 职场文书
保密承诺书范文
2014/03/27 职场文书
客户答谢会活动方案
2014/08/31 职场文书
2014年学校法制宣传日活动总结
2014/11/01 职场文书
2014年艾滋病防治工作总结
2014/12/10 职场文书
文艺演出主持词
2015/07/01 职场文书
课文《燕子》教学反思
2016/02/17 职场文书
MySQL中InnoDB存储引擎的锁的基本使用教程
2021/05/26 MySQL
浅析NIO系列之TCP
2021/06/15 Java/Android
各种货币符号快捷输入
2022/02/17 杂记