js两种拼接字符串的简单方法,浅谈jquery拼接字符串效率比较高的方法

实例如下:

如下所示:

好久不用js了,好多东东都忘了。最近用js拼接字符串时遇到问题了,不论怎么拼接在ie中都报错,很郁闷。

var roleidArray = new Array("");
for(i = 0; i < rightRows.length; i++) {
  roleidArray.push(rightRows[i].id);
}
roleidArray = roleidArray.join(",").substring(1);
function(msgArr) {
  var len = msgArr.length;
  var n = 0 ;
  var htmlSpan = "";
  for (var j = 0; j < len - 1; j++) {
    htmlSpan += '·';
  }
  htmlSpan += '·';
  var imgs = [];
  var img = [];
  img[0] = '<a href="' + ctx + '/webservice/dish/detail?id=';
  img[1] = '#';
  img[2] = '"><img src="';
  img[3] = '#';
  img[4] = '"></a>';

  for (var i = 0; i < len; i++) {
    img[1] = msgArr[i].id;
    img[3] = msgArr[i].pic;
    imgs.push(img.join(""));
  }
  $("#banner_list").html(imgs.join(""));
  $(".dots").html(htmlSpan);
}

隔了一天,又拿起代码看了下,突然想起在java中拼接字符串转义字符的事,才想起js也有这个东东。

代码很简单,我就不做注释了

上面的代码取自我最近写的一个脚本,在这个函数中,正好体现了两种js拼接字符串从而为DOM添加新元素,第一种方法是直接相加,第二种是利用数组的join()方法进行拼接,第二种效率要高些。

www.301.net,原来这样:

以上这篇浅谈jquery拼接字符串效率比较高的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

以上这篇js两种拼接字符串的简单方法(必看)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

复制代码 代码如下:

您可能感兴趣的文章:

  • JavaScript组合拼接字符串的效率对比测试
  • javascript字符串拼接的效率问题
  • javascript中字符串拼接详解

您可能感兴趣的文章:

  • jquery拼接ajax
    的json和字符串拼接的方法
  • Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
  • Javascript字符串拼接小技巧(推荐)
  • JavaScript中字符串拼接的基本方法
  • Javascript中拼接大量字符串的方法
  • javascript中字符串拼接详解
  • JS扩展String.prototype.format字符串拼接的功能

tr += “<td><a href=’javascript:void(0);’
onclick=’confirmDelOneInfo(‘”+url2+”‘,'”+obj.title+”‘);’><img
src=’images/tab/010.gif’/>”;

在编辑器中就不报错,到浏览器中怎么点onclick都都不反映,F12就报错,看了下脚本,字符串完全变样

修改后:

复制代码 代码如下:

tr += “<td><a href=’javascript:void(0);’
onclick=’confirmDelOneInfo(\””+url2+”\”,\””+obj.title+”\”);’><img
src=’images/tab/010.gif’/>“

就没问题了。

知识总结:

在js中单双引号的效果是一样的,但是如果你的字符串中有单引号则外面要用双引号,如果你的字符串中存在双引号则外面要用单引号括起来,这样就不用转义字符了。

上面的输出结果是:

复制代码 代码如下:

onclick=’confirmDelOneInfo(“”);’

看出在html中,如果外面使用单引号则里面要用双引号,否则IE报错,因此用到转义字符\”转换双引号。在动态生成html的元素时,尤其要注意单双引号的问题,否则会很头疼的。

呵呵,一点小知识的总结,欢迎指正….

您可能感兴趣的文章:

  • html数组字符串拼接的最快方法
  • javascript中字符串拼接详解
  • javascript中拼接HTML字符串的最快、最好的方法
  • java字符串拼接与性能分析详解
  • javascript字符串拼接的效率问题
  • javascript中字符串拼接需注意的问题
  • JavaScript 学习笔记二
    字符串拼接
  • 探讨js字符串数组拼接的性能问题

Post Author: admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注