String.prototype.trim = function (){
return this.replace(/(^\s*)|(\s*$)/g,”");
};

此函数用到了Javascript中的字符替换函数replace(),它利用正则表达式匹配字符串中的空白符，”g”表示全局的意思，可以替换所有与之匹配的字符。^\s*和\s*$分别表示字符串前后空白（包括制表符，空格等）。

使用如下：

var test = ” abcde “;
var result = test.trim();
==========================
结果：
result=”abcde”

当然，实现此类函数的方法有很多种，但是我认为这个方法应该是最简单和最有效的。不信就试一试吧!

相关文章

• 2010年05月24日 -- Js中重写alert函数(转)
• 2009年11月19日 -- 推荐9款很棒的网页绘制图表JavaScript框架脚本
• 2009年10月18日 -- QQ客服列表的制作

var alternateFrame=null;//生成的iframe
var alternateWin=null;

window.alert=showAlert;
window.confirm=showConfirm;

/**
* 人机交互窗口，覆盖自带的
*/
function alternateWindow(){
this.win=null;//生成对话框的窗口对象
this.pBody=null;//生成的body容器对象
this.pBg=null;
this.type=”alert”;//默认的种类是alert
this.FocusWhere=”OK”;//焦点在哪个按钮上
}
/**
* 模仿的alert窗口
*/
function showAlert(info){
alternateWin=new alternateWindow();
var pBody = alternateWin.init();
alternateWin.initAlertBody(pBody,info);
alternateWin.type=”alert”;
}
/**
* 模仿的alert窗口
*/
function showConfirm(info,ok_func,notok_func,ok_str,not_okstr){
alternateWin=new alternateWindow();
var pBody = alternateWin.init();
alternateWin.initConfirmBody(pBody,info,ok_func,notok_func,ok_str,not_okstr);
alternateWin.type=”confirm”;
}
/**
* 作用：初始基本信息
*/
alternateWindow.prototype.init=function() {
if(alternateFrame==null){
alternateFrame=document.createElement(”“)
alternateFrame.style.position=”absolute”;
document.body.appendChild(alternateFrame);
}else{
alternateFrame.style.visibility=”visible”;
}
alternateFrame.style.width=screen.availWidth;
alternateFrame.style.height=screen.availHeight;
alternateFrame.style.left=document.body.scrollLeft;
alternateFrame.style.top=document.body.scrollTop;
alternateFrame.name=alternateFrame.uniqueID;

this.win=window.frames[alternateFrame.name];
this.win.document.write(”

“);
this.win.document.body.style.backgroundColor=”transparent”;
document.body.style.overflow=”hidden”;
this.pBody=this.win.document.body.children[1];
this.pBg=this.win.document.body.children[0];
this.hideAllSelect();
this.initBg();

return this.pBody;
}

/**
* 作用：初始化背景层
*/
alternateWindow.prototype.initBg=function(){
with(this.pBg.style){
position=”absolute”;
left=”0″;
top=”0″;
width=”100%”;
height=”100%”;
visibility=”hidden”;
backgroundColor=”#333333″;
filter=”blendTrans(duration=1) alpha(opacity=30)”;
}
this.pBg.filters.blendTrans.apply();
this.pBg.style.visibility=”visible”;
this.pBg.filters.blendTrans.play();
}
/**
* 作用：初始化显示层
*/
alternateWindow.prototype.initAlertBody=function(obj,info){
with(obj.style){
position=”absolute”;
width=”400″;
height=”150″;
backgroundColor=”#ffffff”;
}
obj.style.left=window.document.body.clientWidth/2-200;
obj.style.top=window.document.body.clientHeight/3;
var str;
str =”
“;
str+=”

“;
str+=”

[提示]

“; str+=info+”

” + “ " onkeydown='parent.alternateWin.onKeyDown(event,this)'"+ " onclick='parent.alternateWin.closeWin()' style='border:solid 1px #666666;background:#cccccc'>” + “

“;
obj.innerHTML=str;
this.win.document.body.all.OK.focus();
this.FocusWhere=”OK”;
}

alternateWindow.prototype.onKeyDown=function(event,obj){
switch(event.keyCode){
case 9:
event.keyCode=-1;
if(this.type==”confirm”){
if(this.FocusWhere==”OK”){
this.win.document.body.all.NO.focus();
this.FocusWhere=”NO”;
}else{
this.win.document.body.all.OK.focus();
this.FocusWhere=”OK”;
}
}
break;
case 13:obj.click();;break;
case 27:this.closeWin();break;
}

}
/**
* 作用：初始化显示层 conFirm提示层
*/
alternateWindow.prototype.initConfirmBody=function(obj,info,ok_func,notok_func,ok_str,notok_str){
with(obj.style){
position=”absolute”;
width=”400″;
height=”150″;
backgroundColor=”#ffffff”;
}
if(ok_str==null){
ok_str=”确定”;
}
if(notok_str==null){
notok_str=”取消”
}
obj.style.left=window.document.body.clientWidth/2-200;
obj.style.top=window.document.body.clientHeight/3;
var str;
str=”
“;
str+=”

“;
str+=”

[询问]

“; str+=info+”

” + “ " onkeydown='parent.alternateWin.onKeyDown(event,this)'"+ " onclick='parent.alternateWin.closeWin();parent."+ok_func+"();' " + " value='"+ok_str+"' style='border:solid 1px #666666;background:#cccccc'>“+ “    " onkeydown='parent.alternateWin.onKeyDown(event,this)'"+ " onclick='parent.alternateWin.closeWin();" + " parent."+notok_func+"();' style='border:solid 1px #666666;background:#cccccc'>

“;
obj.innerHTML=str;
this.win.document.body.all.OK.focus();
}

/**
* 作用：关闭一切
*/
alternateWindow.prototype.closeWin=function(){
alternateFrame.style.visibility=”hidden”;
this.showAllSelect();
document.body.style.overflow=”auto”;
}
/**
* 作用:隐藏所有的select
*/
alternateWindow.prototype.hideAllSelect=function(){
var obj;
obj=document.getElementsByTagName(”SELECT”);
var i;
for(i=0;i obj[i].style.visibility="hidden";
}
/**
* 显示所有的select
*/
alternateWindow.prototype.showAllSelect=function(){
var obj;
obj=document.getElementsByTagName("SELECT");
var i;
for(i=0;i obj[i].style.visibility="visible";
}
步骤二：在程序页面上引用该脚本，直接使用alert和confirm函数。

相关文章

• 2010年07月25日 -- Javascript的trim函数
• 2009年11月19日 -- 推荐9款很棒的网页绘制图表JavaScript框架脚本
• 2009年10月18日 -- QQ客服列表的制作

今天彬Go要向大家推荐9款很棒的可在网页中绘制图表的JavaScript脚本，这些有趣的JS脚本可以帮助你快速方便的绘制图表（线、面、饼、条…），其中包括jQuery、MooTools、Prototype和一些其它的JavaScript框架。

您还可以参考以下JavaScript/CSS相关教程及资源:
《10个非常棒的Ajax及Javascript实例资源网站》
《精选30个优秀的CSS技术和实例》
《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》

1.Flot

Flot是基于jQuery框架绘制图表的纯Javascript框架。它可在客户端即时绘制并生成各种图形。重要的是它使用简便（还有很多可选的设置）、吸引人的视觉效果和交互功能，如图表缩放和鼠标跟踪等。该javascript框架适用于我们所熟知的 Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+浏览器。 查看图表样例

2.JS Charts

JS Chart是需要一些简单或无需手工书写编码的基于Javascript的免费图表生成器。使用JS Chart可以很简单很容易的完成你的生成图表任务，因为你只需要使用客户端脚本(即浏览器端)，无需多余的插件或服务器端模块。你只需要准备好JS Chart脚本、包含图表数据的XML或Javascript数组，你的图表就准备就绪了。

3. TableToChart

TableToChart 是基于MooTools JS框架的网页图表生成器，它通过包含在HTML table中的值来绘制图形图表。您可以使用Table标签来生成图表，条、线和饼都可以。

4.PlotKit

PlotKit是一款绘制图表图形的Javascript框架。它支持HTML Canvas、基于Adobe SVG Viewer的SVG和本地浏览器。

5. Yahoo UI Charts Control

YUI图表管理可以在网页中以垂直条、横条、线、饼等形式可视化呈现图表。主要特色包括支持DataSource、鼠标悬停数据提示、组合图表和皮肤功能。

6. ProtoChart

ProtoChart是基于Prototype和Canvas可创建非常漂亮图表的开源框架。它支持线、条、饼、曲线、混杂(mix)、面图表等多种数据串联在统一图形中。它支持IE6/7, FF2/3 和 Safari 甚至可以在 iPhone上工作.

7. EJSChart

EJSChart支持鼠标跟踪、鼠标事件、键盘跟踪和事件、缩放、滚动、十字线增加交互感并为网页图表的用户体验提升了一个档次。您可以选择多种图表类型：线、面、分散数据、饼和函数级数。图表的每个细节都可以自定制。

8.fgCharting

fgCharting是基于jQuery框架的简便图表生成器，它也支持各种图表类型并可以自定义参数。

9. 纯Css数据图表

纯CSS代码实现的图表，怎么样，难以置信吧，想知道如何实现的吗？那就来看看这篇纯CSS制作图表的教程吧。

英文原文:Useful scripts to plot charts in web pages
翻译原文:推荐9款很棒的可在网页中绘制图表的JavaScript脚本

相关文章

• 2010年07月25日 -- Javascript的trim函数
• 2010年05月24日 -- Js中重写alert函数(转)
• 2009年10月18日 -- QQ客服列表的制作


function QQClient(id,title){
this.id = id ;
this.title = title ;
}
var qq_arr1 = [new QQClient(454364181,"客服01"),
new QQClient(154709253,"客服02"),
new QQClient(1035227484,"客服03")] ;

使用时只要把这段代码放到一个div层里，然后设定他的相对位置就可以了，点击这里看Demo。

相关文章

• 2010年11月3日 -- QQ vs 360
• 2010年10月28日 -- 极力推荐20款最新的jQuery插件
• 2010年10月18日 -- Jquery最新版（V1.4.3）发布
• 2010年07月25日 -- Javascript的trim函数
• 2010年05月24日 -- Js中重写alert函数(转)
• 2009年12月13日 -- 2009 年度最佳 jQuery 插件（转）
• 2009年12月1日 -- JQuery学习资料
• 2009年11月29日 -- 用Jquery制作的几款3D效果
• 2009年11月19日 -- 推荐9款很棒的网页绘制图表JavaScript框架脚本
• 2009年11月10日 -- JQuery,ExtJS,YUI,Prototype,Dojo等JS框架的区别和应用