天轰穿.net/vs2005/ajax入门 -- ITCast在线课程签约讲师 严重公告:www.thc123.***,系列域名全部被抢注,请大家勿再访问!!!


目前在成都国信安任教,因为平常课程比较多,上网时间就比较少,,希望不要因为我没有回复QQ留言而骂我,其实我很无辜的,呵呵!!
预祝各位兄弟姐妹新春快乐!! 欢迎大家常常偶尔经常时常随时有事没事去偶的淘宝小店逛下. shop.thc56.com
posts - 375, comments - 7164, trackbacks - 375, articles - 1
  博客园 :: 首页 :: 新随笔 ::  :: 订阅 订阅 :: 管理
今天是我们js入门系列演示的最后一节了(暂时我是这样计划的),但是请朋友们记住,前面的实例你都很熟悉了的话也不代表我们就懂了JS,甚至连入门我们都不得不承认我们只是站在门槛上,还没有进去呢,那你可能要问,为什么要匆匆结束呢?答案很简单,我们的最终目标是AJAX/Atlas,在以后的入门教程中我们还会接触大量的JS的东西,而我这个懒人繁冗的注释一定不会让你失望的,所以更多JS我们以后继续学习,下面我们必须把JS最重要的东西--《对象》的方法和属性都熟悉下,因为这可是非常重要的,而这篇Post你大可以收藏起来,以后用上的。不否认我们都是天才,但是更不能否认,我们不是硬盘,就算是,硬盘还会有坏道呢,谁能保证都记得住呢?

 

数组(Array):系列元素的有序集合;

详细演示请看:[js入门系列演示·数组 ] http://www.cnblogs.com/thcjp/archive/2006/08/04/467761.html

属性:

length:用于获取数组元素的个数,既最大下标加 1

方法:

sort(function):在未指定排序号的情况下,按照元素的字母顺序排列,如果不是字符串类型则转换成字符串,在排序;

reverse():颠倒数组中元素的顺序;

concat(array1,arrayn):用于将N个数组合并到array1数组中;

join(string):用于将数组中元素合并为字符串,string为分隔符,如省略参数,则直接合并,不加分隔;

slice(start,stop):用于返回数组中start到stop中的元素,如果参数为负,则表示倒数start或stop个元素;

toString():将数组所有元素返回一个字符串,其间用逗号分隔;


字符串(string):没啥好解释的,详细演示参阅[javascript入门·js核心语言--字符串(string)] http://www.cnblogs.com/thcjp/archive/2006/08/11/474563.html

属性 :

length:用于返回字符串的长度,用法与数组一样;

方法:

anchor():该方法创建如同HTML中的anchor一样的标记,格式 <a name="" .....> ,通过下列方法访问 string.anchor(chorName)
      例如 document.write("到天轰穿.net\ajax\atlas 博客察看更多教程"+myLink.link("http://www.cnblogs.com/thcjp/"))

toUpperCase():将字符串转换成大写;

toLowerCase():将字符串转换成小写;

indexOf(a,b):从第 b 个字符查找字符 a 在字符串中出现的位置并返回,如果 b 省略,则默认从 0 位置查找;

chartAt(i):返回字符串中第 i 个字符;

substring(start,end):返回字符串中从 start - end 之间的全部字符(但是不返回end本身那个字符哦);

sub():将指定的字符串用下标格式显示;


日期(Date):详细演示见 : js入门·动态的时钟,显示完整的一些方法,新年倒计时 http://www.cnblogs.com/thcjp/archive/2006/08/16/478313.html

定义方法:

a: var newdt=new Date() -->创建时间对象并赋值为当前时间;
b: var newdt=new Date(milliseconds) --> 创建时间对象,且以GTM的延迟时间来设置对象的值,单位为毫秒;
c:var newdt=new Date(string) -->使用特定的时间字符串为新创建的时间对象赋值,其格式与Date对象的parse方法匹配;
d: var newdt=new Date(年,月,日,小时,分,秒,毫秒) -->按照年,月,日,小时,分,秒,毫秒 的顺序为对象赋值;

方法: 分 获取时间;设置时间;格式转换

A:获取时间

getDate() -----获取当前完整时间;
getYear()------获取当前的年
getMonths()----获取当前的月份
getDay()-------获取当前的日期 天
getHours()-----获取当前的小时
getMinutes()---获取当前的分钟
getSeconds()---获取当前的秒
getTime()------获取当前的时间,单位 秒
getTimeZoneOffset--获取当前的时区偏移信息

b:设置时间

对照上面的获取,把get换成 set 即可,例如 getDate() ---> setDate()

c:转换方法

toGTMString() ------转换成格林威治标准时间表达式的字符串;
toLocaleString()----转换成当地时间表达的字符串
toString()----------把时间转换成字符串
parse---------------从表示时间的字符串中读出时间
UTC-----------------返回从格林威治标准时间到指定时间的差距,单位为 毫秒


Math 数学:演示实例见 javascript入门· javascript math对象演示 http://www.cnblogs.com/thcjp/archive/2006/08/12/475100.html

属性:注意,数学对象中的属性是指读的

E (=2.7182) ------自然对数的底(具体意思,我不明白,唉,和数学密切的东西我都不明白,郁闷!)
LN10(=2.30259) ---10的自然对数;
LN2(=0.69315)-----2的自然对数;
PI(=3.1415926)----圆周率
SQRT1_2(=0.7071)--1/2的平方根
SQRT2(=1.4142)----2的平方根
LOG2E(=1.44269)---以2为底,E的对数
LOG10E(=0.43429)--以10为底E的对数

方法: 其实用得上的不多,郁闷,全部弄出来吧

sin(a) ---- 求a的正弦值
cos(a)------求a的余弦值
tan(a)------求a的正切值
asin(a)-----求a的反正弦值
atan(a)-----求a的反余弦值
exp(a)------求a的指数
log(a)------求a的自然对数
Pow(a,i)----求a的i次方(乘方)
round(a)----对a进行四舍五入运算
sqrt(a)-----求a的平方根
abs(a)------求a的绝对值
random()----取随机数
max(a,b)----取较大的数
min(a,b)----取较小的数

注意:函数的参数均是浮点类型,三角函数的参数为弧度值,而不是度


JavaScript的内置函数

演示见 : [javascript入门·简单运算和数据类型转换] http://www.cnblogs.com/thcjp/archive/2006/08/03/467150.html

escape() 与 unescape() :对字符串进行 编码与解码

eval(字符串):用于执行字符串所代表的运算或语句
       例如:var a=0; var str1="a+=a"; eval(str1);

parseInt() 和 parseFloat():将文本框的值转换成整数 或 浮点数

注意:parseInt()不是对数字进行四舍五入操作,而是切尾

isNaN():完整的E文是(is not a number),顾名思义是 判断字符串是否是数字,例如 if(isNaN("天轰穿系列教程"))


自定义对象:有初始化对象和定义构造函数的对象两种方法

详细演示见 :javascript入门系列演示·函数的定义以及简单参数使用,调用函数 http://www.cnblogs.com/thcjp/archive/2006/08/04/467487.html
[js入门实例の构造函数\方法的定义和调用\原型对象] http://www.cnblogs.com/thcjp/archive/2006/08/02/466100.html

a:初始化对象

例如: 对象={属性1:值1;属性2:值2;......属性n:值n} ,注意,每个属性\值对之间用分号隔开;

b: 定义构造函数的对象

例如:
function 函数名(属性1,属性2,。。。属性N){

this.属性1=属性值1;
this.属性2=属性值2;
this.属性n=属性值n;

this.方法名1=函数名1;
this.方法名2=函数名2;

}

注意:方法名和函数名可以同名,但是在方法调用函数前,函数必须已经定义好,否则会出错

为自定义的函数创建新的实例一样是使用 new 语句。


浏览器对象

window对象:他属于中央级的了,处于所有对象的最高级,说白了,没有他,你们全没的玩;

演示见 :js入门·移动窗体/弹出提示 http://www.cnblogs.com/thcjp/archive/2006/08/03/466981.html
javascript入门系列演示·三种弹出对话框的用法实例 http://www.cnblogs.com/thcjp/archive/2006/08/04/468047.html

属性:主要的有如下

closed----------用于判断窗口是否关闭;
opener----------存放open()方法打开窗口的父窗口;
defaultstatus---状态栏默认显示的信息;
status----------状态栏当前显示的信息;
Document,Location,History---很重要,稍后详细说,要是不想等,直接看这里

方法:

alert(text)-------------弹出一个提示信息框
confirm(text)-----------确认信息框,参数为确认信息
prompt(text,default)----弹出输入对话框,参数为提示信息和缺省值


document对象:包括当前网页的各种特征,如标题\URL\背景\语言\修改时间等

演示见:javascript入门·Document对象入门讲解(访问表单,创建新页,获取页标题) http://www.cnblogs.com/thcjp/archive/2006/08/08/470997.html
js入门·打开/关闭指定URL的窗口/改变链接时候状态栏的文字 http://www.cnblogs.com/thcjp/archive/2006/08/04/468017.html

属性:

title------------文档标题
lastModified-----文件最后修改时间
URL--------------文档对应的页面地址
Cookie-----------用来创建和获取Cookie信息
bgColor----------文档的背景色
fgColor----------文档的前景色
location---------保存文档所有的页面地址信息
alinkcolor-------激活连接的颜色
linkcolor--------链接的颜色
vlinkcolor-------已浏览过的链接的颜色

方法:

write(text)-----向文档写入文字或标签,不换行
writeln(text)---向文档写入文字或标签,在最后一个字符处换行
open()----------打开一个新文档 例如 open("地址","窗口名字","样式")
close()---------关闭当前文档


Location对象: 包含当前文档所有的页面地址信息

属性:

protocol-----------通信协议
host---------------页面所在WEB服务器的主机名称
port---------------服务器通信的端口号
pathname-----------文档在服务器上的路径
hash---------------页面跳转的锚标记信息
searce-------------页面提交到服务器上搜索的信息
hostname-----------主机的名称和端口号,中间用冒号隔开
href---------------完整的URL地址

方法:

assign(URL)--------将页面导航到另一个地址上去
reload-------------刷新页面
replace(URL)-------使用指定URL的页面代替当前页面


History:该对象包括以前访问过的URL信息

属性 :length,返回URL数量,方法主要是 go(n) ,通过该方法载入相对的页面

 这篇,我用了一天多才总结完,希望要转载的话注名出处吧,我真的写得很辛苦的啦!!

Feedback

#1楼   回复  引用  查看    

2006-08-26 06:03 by King_Boy_Hcc      
人高文章高.......

#2楼   回复  引用  查看    

2006-11-16 17:09 by 耀眼冰蓝      
支持

#3楼   回复  引用    

2006-11-25 10:28 by c00lie[未注册用户]
我仅能以关注来支持您~

#4楼   回复  引用    

2006-12-13 16:42 by acheng[未注册用户]
你好呀,田老师,第一次来到你的博客,感觉你的文章,不对,应该说是教程写的真好,以后一定常来的.

#5楼   回复  引用  查看    

2007-01-09 15:33 by 吴本      
最近被JavaScript搞的都快疯了,想学,但是目前时间太紧,只能先看看,等过了最段时间,好好的学一学,不过有没有像川哥那边一样,弄个整套教程让我们下看,过了这段时间回家没网络了,没办法上网只能看教程了,所以麻烦一下,能不能弄个一整套下载先!!!

#6楼   回复  引用  查看    

2007-01-14 22:11 by yunhuasheng      
非常支持!!

#7楼   回复  引用    

2007-01-17 13:52 by 小虎[未注册用户]
好,支持!

#8楼   回复  引用  查看    

2007-02-01 11:46 by 追梦客      
"不否认我们都是天才,但是更不能否认,我们不是硬盘,就算是,硬盘还会有坏道呢,谁能保证都记得住呢?"
川哥,这句话是你原创吗?如果是的话,我就更佩服你了,真是经典!!!

#9楼   回复  引用  查看    

2007-03-23 10:56 by Ame      
very good, mark! up!

#10楼   回复  引用    

2007-04-03 09:54 by huanghuang[未注册用户]
good

#11楼   回复  引用    

2007-05-23 15:26 by 一位好人[未注册用户]
乐于奉献的人永远都是好人。我向好人们由衷致敬!

#12楼   回复  引用  查看    

2007-06-18 12:42 by 马可香蕉      

#13楼   回复  引用    

2007-08-13 00:45 by YY[未注册用户]
教程不错~很多东西从你这里整理了!
好得没得说~我把它打印出来了~~

#14楼   回复  引用    

2007-10-16 08:52 by 你大爷aa[未注册用户]
象楼主这样自我吵作的2 B这年头还真不少

#15楼   回复  引用    

2007-10-18 21:17 by 天轰穿a[未注册用户]
@你大爷aa
这样炒作好像还能够帮到人,有种你也弄个来让大家实惠实惠看.

#16楼   回复  引用    

2008-03-13 15:05 by erqiou[未注册用户]
支持的 就点广告啊

#17楼   回复  引用    

2008-03-24 16:51 by sads[未注册用户]
--引用--------------------------------------------------
King_Boy_Hcc: 人高文章高.......
--------------------------------------------------------
dsfdsfds

#18楼   回复  引用    

2008-04-11 13:56 by Cidty[未注册用户]
你蛮厉害的啊,以后多写点JS的知识!谢了!

#19楼   回复  引用  查看    

2008-05-01 19:47 by 混沌球      
为支持轰哥,每天来了就点广告。

#20楼   回复  引用    

2008-07-22 19:53 by 只昂不[未注册用户]
谢谢啊



发表评论

昵称: [登录] [注册]

主页:

邮箱:(仅博主可见)

评论内容:

  登录  注册

[使用Ctrl+Enter键快速提交评论]

0 482606




相关文章:

相关链接: