浅谈js中StringBuffer类的实现方法及使用

 更新时间:2016年09月02日 10:33:00   投稿:jingxian  
下面小编就为大家带来一篇浅谈js中StringBuffer类的实现方法及使用。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

如下所示:

<strong>JAVA中有一个StringBuffer类,js中却没有下面来自己实现一个简单的js的StringBuffer类。</strong>
        //创建一个StringBuffer类 ,此类有两个方法:一个是append方法一个是toString方法
function StringBuffer() {
	this.__strings__ = [];
};
StringBuffer.prototype.append = function(str) {
	this.__strings__.push(str);
};
StringBuffer.prototype.toString = function() {
	return this.__strings__.join('');
};

StringBuffer的使用:

//此实例的主要是用来拼接字符串

function GnComCard(companymsg) {
var buffer = new StringBuffer();//声明一个对象
	buffer.append('<li>');//追加字符串,下同
	buffer.append('<div class="com_photo"><a href="#" title="用户头像"><img class="userPhoto" src="');
	buffer.append(companymsg.userPhoto);
	buffer.append('"></img></a></div>');
	buffer.append('<div class="com_msg">');
	buffer.append('<div><a class="com_comname">'+ companymsg.companyMasterName+ '</a> <span class="com_time">'
	+ FormatDate(companymsg.crtime) + '</span></div>');
	buffer.append('</div><div class="news">');
	if (companymsg.newsId != null) {
buffer.append('<a href="'+companymsg.newsId+'" title="新闻动态" class="com_newsname">'+ companymsg.newsTitle + '</a>');
	} else {
buffer.append('<a href="javascript:void(0)" class="com_newsname">'+ companymsg.newsTitle + '</a>');
	}
	if (companymsg.newsContent != null) {
buffer.append('<div class="com_sh"><span class="toggle">>>展开</span></div>');
buffer.append('<div class="com_newscontent">'+ companymsg.newsContent + '</div>');
	}
	buffer.append('</div>');
	buffer.append('<div class="comment"><a href="javascript:void(0)" style="float:left" title="追踪公司"><span class="track"></span></a><input type="text"></input></div>');
	buffer.append('</div></li>');
	return buffer.toString();//拼接成一个字符串
}

以上这篇浅谈js中StringBuffer类的实现方法及使用就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • javascript实现循环广告条效果

    javascript实现循环广告条效果

    这篇文章主要为大家详细介绍了javascript实现循环广告条效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Dojo获取下拉框的文本和值实例代码

    Dojo获取下拉框的文本和值实例代码

    这篇文章主要介绍了Dojo获取下拉框的文本和值实例代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-05-05
  • bootstrap table 多选框分页保留示例代码

    bootstrap table 多选框分页保留示例代码

    在使用bootstrap table的复选框功能的时候,由于采用服务端分页,当在第一页选择了某些数据,然后点击第二页选择一些数据,再次点回第一页,发现原先选择的数据已经清空了,原来的多选框并不支持翻页保留多选数据,怎么解决呢,下面小编给大家分享下解决思路
    2017-03-03
  • 详解JavaScript两个实用的图片懒加载优化方法

    详解JavaScript两个实用的图片懒加载优化方法

    本文主要介绍了JavaScript两个实用的图片懒加载优化方法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • JavaScript 处理树数据结构的方法示例

    JavaScript 处理树数据结构的方法示例

    这篇文章主要介绍了JavaScript 处理树数据结构的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • 兼容IE FF Opera的javascript最短的拖动代码

    兼容IE FF Opera的javascript最短的拖动代码

    关于拖动的代码太多了要么复杂要么不兼容,在这就不多说了. 这里提供个简洁的。
    2008-01-01
  • 一文彻底理解js原生语法prototype,__proto__和constructor

    一文彻底理解js原生语法prototype,__proto__和constructor

    作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,下面这篇文章主要给大家介绍了关于js原生语法prototype,__proto__和constructor的相关资料,需要的朋友可以参考下
    2021-10-10
  • 经典的间隔时间滚动新闻(图片),可控制滚动

    经典的间隔时间滚动新闻(图片),可控制滚动

    经典的间隔时间滚动新闻(图片),可控制滚动 其实这个也挺多网站用到的,简单又实用。(
    2010-05-05
  • 深入理解选择框脚本[推荐]

    深入理解选择框脚本[推荐]

    选择框是通过<select>和<option>元素创建的,又称为下拉列表框。为了方便与这个控件交互,除了所有表单字段共有的属性和方法外,javascript还提供了一些属性和方法。本文将详细介绍选择框脚本
    2016-12-12
  • 使用KrpanoToolJS在浏览器切图的实例详解

    使用KrpanoToolJS在浏览器切图的实例详解

    这篇文章主要介绍了使用KrpanoToolJS在浏览器切图的实例详解,大概是需要在浏览器中将全景图转为立方体图、多层级瓦片图,通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-10-10

最新评论