js拼接html字符串的注意事项_javascript技巧

+加好拼接如果不换行,是不会出现执行一段一段执行的情况,但是字符串太长了,换行之后会出现一段一段执行的情况,这样页面生成的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字符串的注意事项全部内容了,希望大家多多支持~

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js
html字符串拼接
javascript字符串拼接、js字符串拼接技巧、javascript 数组拼接、javascript拼接json、javascript 字符拼接,以便于您获取更多的相关知识。

时间: 2024-10-01 10:28:19

js拼接html字符串的注意事项_javascript技巧的相关文章

js实现在字符串中提取数字_javascript技巧

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

JS生成随机字符串的多种方法_javascript技巧

下面的一段代码,整理电脑时,记录备查. 复制代码 代码如下: <script language="javascript"> function randomString(len) { len = len || 32; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';    /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/ var maxPos = $chars.len

js 数组随机字符串(广告不重复)_javascript技巧

比较好的地方就是js数组的操作,不重复的数组id显示,完美实现. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

JavaScript组合拼接字符串的效率对比测试_javascript技巧

在脚本开发过程中,经常会按照某个规则,组合拼接出一个大字符串进行输出.比如写脚本控件时控制整个控件的外观的HTML标签输出,比如AJAX里得到服务器端的回传值后动态分析创建HTML标签时,不过这里我就不讨论拼接字符串的具体应用了,我只是想在这里讨论一下拼接的效率. 字符串的拼接在我们写代码的时候都是用"+="这个运算符,s += String; 这是我们最为熟知的写法,不知道大家有没有注意过没有,在组合的字符串容量有几十K甚至几百K的时候,脚本执行起来很慢,CPU使用率狂高,例如: 复

JS截取字符串实例详解_javascript技巧

本文实例讲述了JS截取字符串的方法.分享给大家供大家参考,具体如下: js截取字符串可使用 substring()或者slice()  函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组 例子: str="jpg|bmp|gif|ico|png"; arr=theString.split("|"); //arr是一个包含字符值"jpg"."bmp"."gif"."ico&q

js中eval()函数和trim()去掉字符串左右空格应用_javascript技巧

对于js中eval()函数的理解和写一个函数trim()去掉字符串左右空格. trim()是参照了jquery的源码,你可以放心使用. 对于js中eval()函数的理解是本人心得不一定正确. 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <he

JS替换字符串中空格方法_javascript技巧

复制代码 代码如下: <input type=hidden name="space" value=" "> 通常情况下输入域当中的 替换不掉(源代码当中有 ,页面上显示为空格),如果想替换掉,可以用另外手段. 增加一个隐藏域,值为 ,然后再替换 复制代码 代码如下: var sp=document.getElementById("space").value; strData = document.all( "CommDN&q

JS动态调用方法名示例介绍_javascript技巧

先看看JS的一个函数 JavaScript eval() 函数 定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 语法 eval(string) 参数 描述 string 必需.要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句. 返回值 通过计算 string 得到的值(如果有的话). 说明 该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回.因此请不要为 eval() 函

JavaScript数据类型转换的注意事项_javascript技巧

1.字符串的不可变性  字符串定义了后,会一直占据内存空间,企鹅该处内存空间(栈)不可被重新赋值. 2.短路运算 ||.&& 二元运算符,返回参与运算的操作数的原值(原数据类型和原数据), 运算结束后,返回导致运算结束的那个操作数. 3.三元运算符 code1?code2:code3;   与if-else 不同: 返回code2或code3的值----code2,code3   都可以空的{}代替:       不能写break,continue. 4.NaN NaN !=NaN, 任何