javaScript基础

<>.JavaScript的事件

1.       单击事件 onClick

       当用户单击鼠标按钮时,产生onClick事件.同时onClick指定的事件处理程序或代码将被调用执行.通常在下列基本对象中产生:

       button           (按钮对象)

       checkbox              (复选框)(列表框)

       radio              (单选钮)

       reset buttons (重要按钮)

       submit buttons (提交按钮)

 

 

 

 

       :可以通过下列案件激活change () 文件

       <Form>

              <input type = “button” value=”” name=”” class=”” onClick=”change()”>

       </Form>

 

 

 

 

2.       onChange 改变事件

       当利用texttexturea元素输入字符值改变时发生改事件,同时当在select表格项中一个选项状态改变后也会引发该事件.

 

 

 

 

       :

       <Form>

              <Input type=”text” name=”” value=”” onChange=”check()”>

       </Form>

 

 

 

 

3.       选中事件onSelect

       TextTextArea对象中的文字被加亮,引发该事件

 

 

 

 

4.       获得焦点事件onFocus

       当用户单击TexttextArea以及select对象时,产生该事件.此时该对象成为前台对象

 

 

 

 

5.       失去焦点onBlur

       TexttextArea以及select对象不再拥有焦急,而倒退倒后台时,引发该事件,他与onFocus事件是一个对应的关系

 

 

 

 

6.       载入文件onLoad

       当文档载入时,产生该事件.onLoad一个作用就是在首次载入一个文档时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用.

       :

       <body onLoad=”loadform()”>

 

 

 

 

7.       卸载文件onUnload

       Web页面推出时引发onUnload事件,并可更新Cookie的状态

       :

              <body onUnload=”Unloadform()”>.

<>.JavaScript的对象

1.       对象的基本结构

       javaScript中的对象是由属性(Properties)和方法(method)两个基本的元素构成的.

2.       引用对象的途径

       一个javaScript对象要被正确的应用,可以采用以下方法获得.

A)     引用JavaScript内部对象

B)      由浏览器环境中提供

C)     创建新对象

一个对象被引用前,必须存在,否则引用会毫无意义,而出现错误信息

3.       有关对象的操作语句

A)     for…in语句

       格式如下:

              for(对象属性名 in 已知对象名)

       将一个已知对象的所有属性反复置给一个变量,而不是使用计数器来实现的.

       Ex:

              Function showData(object){

                     For (var x=0;x<30,x++)

                            Document.write(object[i]);

              }

 

 

 

 

              Function showData(object){

                     For (var prop in object)

                            Document.write(object[prop]);

              }

 

 

 

 

B)      with 语句

       在该语句体内,任何对变量的引用被认为是这个对象的属性.以节省一些代码

       Ex:

              With object{

 

 

 

 

              ……}

C)     this 关键词

       为防止对象引用的混乱,javaScript提供了一个用于将对象指定当前对象的语句.

D)     New 运算符

       使用New运算符可以创建一个新的对象.其创建对象使用如下格式:

              Newobject = new object(Parameters  table);

       其中Newobject创建的新对象: object 是已经存在的对象;parameters table参数表;

       Ex: 创建一个日期新语句对象:

              newData = new Data()

4.       对象属性的引用

       对象属性的引用可以由下列三种方式之一实现:

A)     使用(.)运算符

       Ex:

              University.name=”XXXX”;

B)      通过对象的下标实现引用

       Ex:

              University[0]=”XXXXX”;

C)     通过字符串的形式进行引用

       Ex:

              University[“name”]=”XXXXX”;

 

 

 

 

5.       对象的方法引用

       JavaScript中对象方法的引用是非常简单的.

       ObjectName.methods();

<>.常用对象的属性和方法

1.       String对象(字符串)

A)     属性                     length    Ex:  object.length

B)      方法                   

C)     字符串大小转换     toLowerCase()  toUpperCase()

D)     字符搜索               indexOf[character,fromIndex]

E)      返回子字符串        substring(start,end)

2.       算术函数的Math对象

A)     math中提供了6个属性

B)      主要方法:      

a)       绝对值:                abs()

b)      正玄余玄值:   sin(),cos()

c)      反正玄反余玄:asin(),acos()

d)      正切反正切:    tan(),atan()

e)       四舍五入:              round()

f)       平方跟:           sqrt()

g)      基于几次方的值: Pow(base,exponent)

3.       日期及时间对象

       提供一个有关日期和时间的对象

       MyDate=new Date()

a)       获取日期的时间方法

       getYear():       返回年数

       getMonth():    返回当月号数

       getDate():       返回当日号数

       getDay():        返回星期几

       getHours():     返回小时数

       getMintes():    返回分钟数

       getSeconds(): 返回秒数

       getTime():      返回毫秒数

b)      设置日期和时间

       setYear():        设置年

       setDate():              设置当月号数

       seMonth():      设置当月份数

       setHours():     设置小时数

       setMintes():    设置分钟数

       SetSeconds(): 设置妙数

       setTime():       设置毫秒数

 

 

 

 

<>.JavaScript中的系统函数

1.       返回字符串表达式中的值

       eval(字符串表达式)

2.       返回字符串ASCI

       unEscape(String)

3.       返回字符的编码

       escape(character)

4.       返回实数

       parseFloat(floustring)

5.       返回不同进制的数

       parseInt(numbestring,rad.x)

       其中radix是数的进制,numbs字符串数

<>.JavaScript中的系统对象

1.       浏览器对象(Navigator)

2.       窗口对象(Windows)

3.       位置对象(Location)

4.       历史对象(History)

5.       文档对象(Document)

<>.窗口对象

A)     窗口对象的方法

1.       创建一个新的窗口open()

       window.open(参数)

2.       prompt()方法

3.       confirm()方法

4.       alert() 方法    

B)      窗口对象的属性

1.       frames 文档中帧的数目

2.       parent 指明当前窗口或帧的父窗口

3.       defaultstatus 默认状态

4.       status  当前信息

5.       top    用以实现所有的下级窗口的窗口

6.       window. 指的是当前窗口

7.       self          引用当前窗口

C)     输出流及文档对象

       提供了用于显示关闭,消除,HTML页面的输出流

1.       创建新文档open() 方法

       使用document.open() 创建一个新的窗口或指定的命令窗口内打开文档.

       打开一个窗口的格式:

              window.open(“URL”,”窗口名字”,”窗口属性””)

发布了34 篇原创文章 · 获赞 26 · 访问量 82万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章