javascript中的toString()方法,主要用于Array、Boolean、Date、Error、Function、Number等对象。下面是这些方法的一些解析和简单应用,做个纪律,以作备忘。

(1)Array.toString():将数组转换成一个字符串,并且返回这个字符串。
描述:当数组用于字符串环境中时,javascript会调用这一方法将数组自动转换成一个字符串。toString()在把数组转换成字符串时,首先要将数组的每个元素都转换成字符串(通过调用这些元素的toString方法)。当每个元素都被转换成字符串时,它就以列表的形式输出这些字符串,字符串之间用逗号分隔。返回值与没有参数的jion()方法返回的字符串相同。
示例代码一:
结果:浏览器中显示:php,mysql,apache
                    php,mysql,apache

 

<script type="text/javascript">
    
var arr = ['php','mysql','apache'];
    document.write(
"使用join方法的结果" + arr.join() + "<br />")
    document.write(
"使用toString方法的结果" + arr.toString());
</script> 

(2)Boolean.toString():将布尔值转换为字符串。
描述:根据原始布尔值或者Boolean对象的值返回字符串“true”或“false”。
示例代码二:
结果:弹出两个对话框,值为false和true

 

<script type="text/javascript">
    
var b = new Boolean();//boolean对象默认值为false
    alert(b.toString());
    alert((
"chia" == "chia").toString());
</script>
(3)Date.toString():将Date对象转换成一个字符串,采用本地时间。
示例代码四:
结果:浏览器中显示:
Sat Jul 19 2008 23:27:14 GMT+0800
Sat Jul 19 2008 23:27:14 GMT+0800
2008年7月19日 23:27:14

 

 

<script type="text/javascript">
    
var today = new Date();
    document.write(today 
+ "<br />");
    document.write(today.toString() 
+ "<br />");
    document.write(today.toLocaleString());
</script>

 


注意:toLocaleString()是返回采用地方日期使用地方日期格式的规范的字符串。


    (4)Error.toString():将Error对象转换成字符串
描述:实现定义的字符串。ECMAScript标准除了规定该方法的返回值是字符串外,没有再做其他规定。尤其是,它不要求返回的字符传包含错误名和错误信息。

(5)Function.toString():把函数转换成字符串
描述:可以以一种与实现相关的方法将函数转换成字符串。在大多数的实现中,例如ie和firefox,它返回Function关键字、参数列表、函数体部分。
示例代码三:
结果:浏览器中显示:
function add(a, b) { var a, b, c; c = a + b; return c; }

<script type="text/javascript">
function add(a,b){
    
var a,b,c;
    c 
= a + b;
    
return c;
}

document.write(add.toString());    
</script>

(6)Number.toString():将数字转换为字符串。用它的参数指定的基数或底数(底数范围为2-36)。如果省略参数,则使用基数10。当参数值为2时,返回二进制数。
示例代码四:
结果:浏览器中显示:
34
100010
42
22

 

<script type="text/javascript">
    
var a = 34;
    document.write(a.toString() 
+ "<br />");
    document.write(a.toString(
2+ "<br />");
    document.write(a.toString(
8+ "<br />");
    document.write(a.toString(
16+ "<br />"); 
</script>
posted @ 2008-07-18 20:53 木瓜的世界 阅读(1448) | 评论 (2)编辑
 

javascript的词法结构(Lexical Structure

1, 大小写敏感(Case Sensitivity):javascript是区分大小写的语言。而html是不区分大小写的,但xhtml标准要求必须小写。但即使使用xhtml1.0 TransitionalstrictDTD,在浏览器上仍然能正常显示。

2, 空白符和换行符(Whitespace and line Breaks

javascript会忽略程序记号(关键字、变量名、数字、函数名或其它实体)之间的空格、制表符和换行符,除非它们是字符串或正则表达式的一部分。记住是记号之间的空格,不是记号之间的空格、制表符和换行符。一个记号中间插入了空格、制表符或换行符那么就将它分成了两个记号。

3, 分号(Optional Semicolons):

javascript中,如果语句分别放置在不同的行中,就可以省略分号。理论上js允许在任意两个记号之间放置换行符,但js会自动为你插上分号。如果你在一条语句的两个记号之间放置了换行符,那么js就会通过自动给你加一个分号将其分成两条语句。通常在return语句、break语句、continue语句、运算符++--中要特别注意;请见示例一:

function add(a,b){
    
var a,b,c
    c 
= a + b
    
return 
    c
}

alert(add(
3,4));



这样,既不会出现语法错误,即使用firebug插件都不能检测出错误出来。但也不会出现你想要的结果。所有要习惯使用分号。

4, 注释(Comments):

单行注释符:“//

注意,“//”后的注释中,只要不出现换行符,都是作为单行注释,而不管注释内容在你的编辑器中占几行。

        多行注释符:“/**/

5, 直接量(Literals):

js中的直接量,就是程序中直接显示出来的数据值。

直接量主要有:数字、字符串、布尔值、正则表达式、null、数组、对象

6, 标识符(Identity):

标识符主要用来命名变量和函数,或js中循环的标签。

标识符第一个字符必须是字母、下划线(_)、美元符($

标识符的字符必须是字母、下划线、美元符、数字。而且不能是js关键字或用于其它目的的关键字。

7, 保留字(Reserved Words):
    命名javascript标识符避免使用javascript关键字或用于其它目的的关键字。关键字列表

posted @ 2008-07-18 17:05 木瓜的世界 阅读(195) | 评论 (2)编辑
     摘要: 百分比和固定宽度的混合布局,表格的一个重要运用。  阅读全文
posted @ 2008-07-16 13:40 木瓜的世界 阅读(1934) | 评论 (7)编辑
     摘要: 你知道浏览器窗口右侧那个滚动条的宽度到底是多少吗,你想在你的网页在常见的分辨率下中不出水平滚动条吗,在这里,你也许会找到你想要的。  阅读全文
posted @ 2008-07-16 12:07 木瓜的世界 阅读(2483) | 评论 (15)编辑
     摘要: xml文档(包括html)是从一个独立的根结点开始,它包含指向子节点的指针。每一个子节点都包含指针指向它的父节点、相邻节点和子节点。标准dom中,dom指针不仅可以指向元素,也可以指向文本节点。 请看以下html代码:[代码] 我想获得id为test的p元素的下一个p元素,可能理所当然的认为用document.getElementById('test').nextSibling就能获得。其实不然。... 阅读全文
posted @ 2008-07-14 17:10 木瓜的世界 阅读(1534) | 评论 (4)编辑
    今天想测试一下dom中的空格来着,却发现了一个很隐秘的东西。ie中不能让test作为全局变量。最初的测试代码如下:
    js代码:
   
<script type="text/javascript">
    window.onload 
= function(){
    test 
= document.getElementById('test');
    test.style.backgroundColor 
= "red";
}

</script>
       html代码:
      
<body>
    
<h1>DOM简介</h1>
    <p id="test">dom的广泛使用是有道理的,以下是一些原因:</p>
</body>
    然后在firefox中测试,发现文本“dom的广泛使用是有道理的,以下是一些原因:”出现了红色。即显示了样式。然而在ie7和ie6下测试则都没有效果。
    于是,将test设为局部变量,即将“test=document.getElementById('test')”改为“var test=getElementById('test')”。就能在ie下看到红色文本的效果了。然后我又在将原来的test换成其它变量名,并且还是全局变量。还是能看到效果。翻了翻犀牛书,发现test不是javascript的关键字或保留字,这就肯定了test不能作为ie全局变量名这一结论。所以以后在写js的时候还要好好注意变量的命名。这里就先把js关键字和保留字列出来。o(∩_∩)o...
    以下内容来自《javascript权威指南第五版》

Reserved JavaScript keywords

break if do switch typeof
case else in this var
catch false instanceof tHRow void
continue finally new true while
default for null try with
delete function return


Words reserved for ECMA extensions

abstract double goto native static
boolean enum implements package super
byte export import private synchronized
char extends int protected throws
class final interface public TRansient
const float long short volatile
debugger

Other identifiers to avoid

arguments encodeURL Infinite Object String
Array Error isFinite praseFloat syntaxError
Boolean escape isNaN parseInt typeError
Date eval Math RangError undefined
decodeURL EvalError NaN ReferenceError unescape
decodeURLComponent Function Number RegExp URLError
posted @ 2008-07-14 10:36 木瓜的世界 阅读(503) | 评论 (0)编辑
1,grids.css中页面布局的宽度用的是em宽度,是因为em会随着用户调整字体的大小(查看-文字大小)而改变宽度,从而有更好的用户体验;

2,根据reset.css,页面字体大小为13px,所以页面宽度也要根据13px来设置em,但是,在ie中有点问题,如果在firefox等标准浏览器中字1em为13px的话,在ie中要13.3333px,而且用*过滤器来设置ie中的em宽度。如在body字体大小为13px的情况下设置页面宽度为600px,在ie中为45.00em,而在firefox等标准浏览器中为46.15em。

3,注意(来自http://developer.yahoo.com/yui/grids/)
Note:
   Here are some other things to keep in mind: 1) The width is set in ems because ems scale with user-initiated font-size adjustment, and therefore provide a superior user experience. 2) YUI Fonts does a good job of normalizing the width of an em, but we're still obliged to provide a slightly different value for IE. 3) Be sure the width value for IE comes after the value for everybody else. 4) Setting the min-width is optional, but helps the grid maintain integrity as the viewport shrinks. 5) The text-align and margin are used to help center the page, and should not be modified.

4,
模板类 预设描述
.yui-t1 左边160px的边栏
.yui-t2 左边180px的边栏
.yui-t3 左边300px的边栏
.yui-t4 右边180px的边栏
.yui-t5 右边240px的边栏
.yui-t6 右边300px的边栏
5,
特殊的内部类 预设描述
.yui-gb 1/3 - 1/3 - 1/3
.yui-gc 2/3 - 1/3
.yui-gd 1/3 - 2/3
.yui-ge 3/4 - 1/4
.yui-gf 1/4 - 3/4
posted @ 2008-06-15 22:22 木瓜的世界 阅读(269) | 评论 (0)编辑

    如题目所说,这句话是我近两个月来最深的感触。很长一段时间都没来方凳写东西,接近两个月的时间都在忙VIFRAME。也很有幸成为这个项 目的项目经理。项目进行到现阶段,有很多很多收获,也有很多很多不足,更有很多很多感触,。等6月中旬项目发布后,我要好好的写一篇博客,讲讲我们前端开发工程师们如何发起项目;我们如何申请别人部门的开发资源;我们如何把我们的项目目标转化为有说服力的数据;我们和后台的项目经理如何分工,如何配合;在公司有哪些资源是我们可以利用的。。。

    但是此篇博文我想说的是,我们,作为前端开发,应该准备好当项目经理。

    先来看看现状,网上很多关于前端开发必须掌握的N种技能。其实直到今天,虽然自己也写写代码,不过仍然很敬佩能玩转代码的人,因为印象中他们都非同一般的执着。但是,在他们当中有更多的人太过“内向”,比起每天讲五,六个小时的话,他们更愿意干五,六个小时的活。

    另外,我们所在的部门是用 户体验部。用户体验是王道,这个观点我想不用我多说,没有好的用户体验,再诱人的商业价值也没法最大限度的实现。同时,友好的用户体验又有很多是靠我们前 端开发工程师们实现。在改善用户体验方面的项目中,交互设计和视觉设计师们就相当于传统意义上的产品经理,大半的开发任务由前端开发工程师们完成,但是项 目经理,基本全是后台工程师们担任。

    再次,当我们介绍自己的时候,大多数人并不了解我们是干什么的,在他们的概念中,除了设计师就是程序员。

    这样看来,我们貌似现在并不壮大,但是,这样更说明我们有更多机会,只不过需要我们自己创造而已。

    或许我们相对来说比较内向,那么就多多跟不同类型的人说话。沟通能力,和表达自己的能力是可以培养的,据说好的性格也是可以培养的。

    或许我们在项目中目前大多只是功能和效果的实现者,但是我们可以用我们的专长告诉需求方,什么能做,什么不能做;怎样做性能好,怎样的需求影响性能。总之就是培养自己说服别人的能力。当然这点也是要求最高的,我们必须有足够的底蕴来支撑我们,毕竟咱跟技术是脱不了关系的。

    另外我们还需要有时间管理的能力,规划能力,随机应变的能力。。。

    最后想说的,也许我们现在真的还没有得到社会广泛的了解,但是没关系,因为我们具备所有开发人员特有的执着,并且我们前端的团队普遍很年轻。总有一天,会有一帮专注前端技术的世界级大牛在我们这批人中出现。

    所以大家加油啦,先找个机会当项目经理玩玩!!这只是我们的起步哈!

    以上纯属个人观点,若有不同意见纯属正常.

                                                                ——以上来自阿里巴巴中文站前端开发团队-yoyo2007


posted @ 2008-06-14 16:51 木瓜的世界 阅读(224) | 评论 (0)编辑
     摘要: YUI中的css(一)——reset.css 这是YUI中reset.css的原始代码。Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->html{}{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol... 阅读全文
posted @ 2008-06-07 02:45 木瓜的世界 阅读(209) | 评论 (2)编辑
    http://www.ebookshare.net/经常逛的电子书下载网站,包含计算机软件的方方面面。还有business和scient等著名杂志。强烈推荐,都是英文原版的,做好心里准备
posted @ 2008-06-06 18:40 木瓜的世界 阅读(121) | 评论 (1)编辑

    每次打开浏览器都忍不住输入www.yahoo.com,雅虎的首页确实太漂亮了。时常感慨,什么时候中国的门户网站能像像英文版的雅虎一样有美观大方的UI,而不是大片大片的让人视觉很疲劳的文字和图片。
    今天工作室举行网络文化节闭幕式,闭幕式最后碰到了正准备考研的师傅,在谈到最近想总结写点自己的css模板和js函数和特效时,师傅提到了YUI,很好奇,YUI是什么东西啊。回来跑到http://www.ebookshare.net/搜到了一本《Learning the Yahoo!User Interface Liabrary》,然后又马不停蹄的下了一个YUI的压缩包,解压后就开始看效果,从菜单、选项卡到js动画再到ajax,真的很爽。
    css、javascript写了也算久了,看到这样的好东西,心里就很痒痒。马上就产生了一个想法:好好研究下YUI,然后开始尝试去写自己的WUI或 是LUI等。最近老是为自己学东西没怎么总结,拿不出什么东西来而苦恼。学东西,最重要的就是两点:1、总结自己学的东西,像css和js函数很多都是可 以重用的,自己的东西总结得多了,效率就会大大的提高;2、多做东西,像做网页、网站这种动手的东西只有多做东西才会进步。
    加油!
posted @ 2008-06-06 18:31 木瓜的世界 阅读(260) | 评论 (1)编辑
    常常在css书上或上网逛的时候看到很多设计很好的网站,当然最经常做的事就是加入收藏夹,但是常常装系统的时候忘了保存收藏夹。所以今天就把常上的css网站网址贴出来,做个备忘。
一、作品类网站</p>
    1,http://www.csszengarden.com/
        网页设计领域最著名的网站
    2,http://www.dark-i.com/
        根据网页配色查找优秀网页
    3,http://w3csites.com/
        113个国家的优秀设计师,5688位优秀设计师
    4,css世界大赛官方网站
        css世界大赛以及获奖作品
二、资料类网站
    1,http://www.w3.org
        w3c组织的官方网站
    2,http://www.w3school.com.cn/
        学习web设计最好的参考资料
    3,http://www.alistapart.com/
        css电子杂志,刊登了很多css的好文章
    4,http://www.positioniseverything.net/
        关于css的浏览器兼容信息很全面
    5,http://www.cssplay.co.uk/
        css菜单,布局,css盒模型的参考资料
三,工具类网站
    1,http://www.spiffycorners.com/
        圆角制作工具
    2,http://www.neuroticweb.com/
        带背景的圆角制作
    3,smileycat.com
        圆角制作
    4,centricle.com
        css过滤器
    5,jigsaw.w3.org
        css验证
    6,cssoptimiser.com
        css样式表优化器
    7,watchfire.com
        检查web页面的可访问性软件
四,csser个人网站
    1,zeldman
    2,Molly E.Holzschlag 
    3,Dave Shea   
    4,Simon Collison   
    5,Andy Budd   
    6,Cameron Moll   
   

posted @ 2008-06-04 13:06 木瓜的世界 阅读(143) | 评论 (2)编辑
     摘要: css,博客,个人博客设计,背景图片  阅读全文
posted @ 2008-05-31 17:27 木瓜的世界 阅读(105) | 评论 (2)编辑