html字符串拼接该怎么 *** 作_随笔

这是js里面的内容，在html页面里面是没有连接字符串变量这个说法的一般js里面是用+运算符来进行字符串连接其中需要注意的是，这个引号一定要配对，如果在字符串里面有单个引号出现的话，可以用转义字符\"来代替“符号demo如下<!doctype html><html><head><meta charset="utf-8"><title>字符串连接</title></head><body><script>var num =10086var aHtml="<a href=\"http:/wpa。qq。com/msgrd?v=3&uin="+num+"&menu=yes\"<a href=\"http:/wpa。qq。com/msgrd?v=3&uin=" +num+ "&menu=yes"alert(aHtml)</script></body></html>

通过下面方法即可：

//构造100条数据

var datas = []

for(var i = 1i <=100i++){

datas.push('item' + i)

}

第一种最直接的，也是初学者就会想到的方式，所有项都直接用字符串拼接的方式，当然效率也最差了

var resultHtml = ''

for(var i = 0, len = datas.lengthi <leni++){

resultHtml += '<li>' + datas[i] + '</li>'

}

resultHtml = '<ul>' + resultHtml + '</ul>'

第二种稍微高级一点，有考虑过效率问题的基本会采用这种，用数组的方式把每一项压进去，最后join一下

var resultHtml = ''

var tempDatas = []

for(var i = 0, len = datas.lengthi <leni++){

tempDatas.push('<li>' + datas[i] + '</li>')

}

resultHtml = '<ul>' + tempDatas.join('') + '</ul>'

第三种其实也简单，只是有些人可能会想不到,当然效率也最高

var resultHtml = datas.join('</li><li>')

resultHtml = '<ul><li>' + resultHtml + '</li></ul>'

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/8309868.html

html字符串拼接该怎么 *** 作

发表评论

评论列表（0条）