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控制iframe滚动的代码
Apr 10 Javascript
js输出列表实现代码
Sep 12 Javascript
js实现点击注册按钮开始读秒倒计时的小例子
May 11 Javascript
JS中怎样判断undefined(比较不错的方法)
Mar 27 Javascript
js控制当再次点击按钮时的间隔时间
Jun 03 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
Dec 15 Javascript
JavaScript中指定函数名称的相关方法
Jun 04 Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
微信小程序tabBar用法实例详解
Dec 04 Javascript
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
微信小程序实现分页加载效果
Nov 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
PHP实现的购物车类实例
2015/06/17 PHP
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
2009/12/04 Javascript
jcarousellite.js 基于Jquery的图片无缝滚动插件
2010/12/30 Javascript
jQuery创建插件的代码分析
2011/04/14 Javascript
jquery.artwl.thickbox.js  一个非常简单好用的jQuery弹出层插件
2012/03/01 Javascript
js中精确计算加法和减法示例
2014/03/28 Javascript
JQuery中使用on方法绑定hover事件实例
2014/12/09 Javascript
js+CSS实现弹出居中背景半透明div层的方法
2015/02/26 Javascript
js显示文本框提示文字的方法
2015/05/07 Javascript
JavaScript截断字符串的方法
2015/07/15 Javascript
js实现的Easy Tabs选项卡用法实例
2015/09/06 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
JavaScript用JSONP跨域请求数据实例详解
2017/01/06 Javascript
javascript 组合按键事件监听实现代码
2017/02/21 Javascript
详解如何在你的Vue项目配置vux
2018/06/04 Javascript
nodejs中实现用户注册路由功能
2019/05/20 NodeJs
javascript设计模式 ? 桥接模式原理与应用实例分析
2020/04/13 Javascript
利用soaplib搭建webservice详细步骤和实例代码
2013/11/20 Python
python二维列表一维列表的互相转换实例
2018/07/02 Python
Django框架模板文件使用及模板文件加载顺序分析
2019/05/23 Python
python实现点击按钮修改数据的方法
2019/07/17 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
python 利用toapi库自动生成api
2020/10/19 Python
详解html5 shiv.js和respond.min.js
2018/01/24 HTML / CSS
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
Whistles官网:英国女装品牌
2020/08/14 全球购物
硕士研究生自我鉴定范文
2013/12/27 职场文书
单位委托书范本
2014/04/04 职场文书
住宅质量保证书
2014/04/29 职场文书
汽修专业自荐信
2014/07/07 职场文书
作风年建设汇报材料
2014/08/14 职场文书
团党委领导干部党的群众路线教育实践活动个人对照检查材料思想汇
2014/10/05 职场文书
地方白酒代理协议书
2014/10/25 职场文书
2014年终个人总结报告
2015/03/09 职场文书
python实现简单石头剪刀布游戏
2021/10/24 Python
python编程实现清理微信重复缓存文件
2021/11/01 Python