黑马程序员 javascript笔记

------- android培训、java培训、期待与您交流！ ----------

 

（１）单击事件onClick

通常在下列基本对象中产生：

·button（按钮对象） 
·checkbox（复选框）或（检查列表框） 
·radio （单选钮） 
·reset buttons（重要按钮） 
·submit buttons（提交按钮）

例：可通过下列按钮激活change()文件：

<Form>
<Input type="button" Value=" " onClick="change()">
</Form>
（２）onChange改变事件

当利用text或texturea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。

例：

<Form>
<Input type="text" name="Test" value="Test" onCharge="check('this.test)">
</Form>

（３）选中事件onSelect

当Text或Textarea对象中的文字被加亮后，引发该事件。

（４）获得焦点事件onFocus

当用户单击Text或textarea以及select对象时，产生该事件。此时该对象成为前台对象。

（５）失去焦点onBlur

当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。

（６）载入文件onLoad

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

（７）卸载文件onUnload

当Web页面退出时引发onUnload事件，并可更新Cookie的状态。

for...in，with,this,new

如引用math内部对象中cos()的方法，则：
with(math)
document.write(cos(35));
document.write(cos(80));

若不使用with则引用时相对要复杂些：
document.write(Math.cos(35))
document.write(math.sin(80))

（１）串对象的属性

该对象只有一个属性，即length。它表明了字符串中的字符个数，包括所有符号。例：

mytest="This is a JavaScript"
mystringlength=mytest.length

最后mystringlength返回mytest字串的长度为20。

（２）串对象的方法

string对象的方法共有１９个。主要用于有关字符串在Web页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写转换。

其主要方法如下：

·锚点anchor()：该方法创建如用Html文档中一样的anchor标记。使用anchor如用Html中(A Name="")一样。通过下列格式访问:string.anchor(anchorName)。

·有关字符显示的控制方法 
big字体显示, Italics()斜体字显示，bold()粗体字显示，blink()字符闪烁显示，small（）字符用小体字显示，fixed()固定高亮字显示、fontsize(size)控制字体大小等。

·字体颜色方法；fontcolor(color)

·字符串大小写转换 
toLowerCase()－小写转换，toUpperCase()大写转换。下列把一个给定的串分别转换成大写和小写格式:

string=stringValue.toUpperCase和string=stringValue.toLowerCase。

·字符搜索：indexOf[charactor,fromIndex] 
从指定formIndtx位置开始搜索charactor第一次出现的位置。

·返回字串的一部分字串：substring(start,end) 
从start开始到end的字符全部返回。
（１）主要属性

math中提供了６个属性，它们是数学中经常用到的常数Ｅ、以１０为底的自然对数ＬＮ１０、以２为底的自然对数LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根为SQRT2。

（２）主要方法

·绝对值：abs()
·正弦余弦值：sin(),cos()
·反正弦反余弦 :asin(), acos() 
·正切反正切：tan(),atan()
·四舍五入：round()
·平方根：sqrt()
·基于几方次的值：Pow(base,exponent)
...

３)、日期及时间对象

·功能：提供一个有关日期和时间的对象。

·静动性：动态性，即必须使用New运算符创建一个实例。例:

MyDate=New Date()

Date对象没有提供直接访问的属性。只具有获取和设置日期和时间的方法。

·日期起始值:１７７０年１月１日００:００:００。

获取日期的时间方法

·getYear(): 返回年数
·getMonth():返回当月号数
·getDate(): 返回当日号数 
·getDay():返回星期几 
·getHours():返回小时数 
·getMintes(:返回分钟数 
·getSeconds():返回秒数
·getTime() : 返回毫秒数

（２）设置日期和时间：

·setYear();设置年
·setDate():设置当月号数
·setMonth():设置当月份数
·setHours():设置小时数
·setMintes():设置分钟数
·setSeconds():设置秒数
·setTime ():设置毫秒数
...

2、JavaScript中的系统函数

JavaScript中的系统函数又称内部方法。它提供了与任何对象无关的系统函数，使用这些函数不需创建任何实例,可直接用。

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

·方法名：eval（字串表达式），例：

test=eval("8+9+5/2");

2、返回字符串ASCI码：

·方法名：unEscape (string)

3．返回字符的编码：

·方法名：escape(character)

4．返回实数：

parseFloat(floustring);

５、返回不同进制的数：

parseInt(numbestring ,rad.X)

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

二、窗体中的基本元素

窗体中的基本元素由按钮、单选按钮、复选按钮、提交按钮、重置按钮、文本框等组成。
在JavaScript中要访问这些基本元素，必须通过对应特定的窗体元素的数组下标或窗体元
素名来实现。每一个元素主要是通过该元素的属性或方法来引用。其引用的基本格式见下:

formName.elements[].methadName (窗体名.元素名或数组.方法)
formName.elemaent[].propertyName(窗体名.元素名或数组.属性)

下面分别介绍：

１、Text单行单列输入元素

·功能：对Text标识中的元素实施有效的控制。

·基本属性：

Name：设定提交信息时的信息名称。对应于HTML文档中的Name。
Value：用以设定出现在窗口中对应HTML文档中Value的信息。
defaultvalue：包括Text元素的默认值

·基本方法：

blur()：将当前焦点移到后台。
select()：加亮文字。

·主要事件：

onFocus：当Text获得焦点时，产生该事件。
OnBlur：从元素失去焦点时，产生该事件。
Onselect：当文字被加亮显示后，产生该文件。
onchange：当Text元素值改变时，产生该文件。

例：...

<Form name="test">
<input type="text" name="test" value="this is a javascript" >
</form>
...
<script language ="Javascirpt">
document.mytest.value="that is a Javascript";
document.mytest.select();
document.mytest.blur(); 
</script>

２、textarea多行多列输入元素

·功能：实施对Textarea中的元素进行控制。

·基本属性

name：设定提交信息时的信息名称，对应HTML文档Textarea的Name。
Value：用以设定出现在窗口中对应HTML文档中Value的信息。
Default value：元素的默认值。

·方法：

blur()：将输入焦点失去
select()：将文字加亮后

·事件：

onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件

３、Select选择元素

·功能：实施对滚动选择元素的控制。

·属性：

name:设定提交信息时的信息名称，对应文档select中的name。
Length:对应文档select中的length
options:组成多个选项的数组
selectIndex;该下标指明一个选项
select在中每一选项都含有以下属性：
Text:选项对应的文字
selected:指明当前选项是否被选中
Index:指明当前选项的位置
defaultselected:默认选项

·事件：

OnBlur：当select选项失去焦点时，产生该文件。
onFocas:当select获得焦点时，产生该文件。
Onchange:选项状态改变后，产生该事件。

４、Button按钮

·功能：实施对Button按钮的控制。

·属性：

Name:设定提交信息时的信息名称，对应文档中button的Name。
Value:用以设定出现在窗口中对应HTML文档中Value的信息。

·方法：

click()该方法类似于一个按下的按钮。

·事件：

onclick当单击button按钮时，产生该事件。

例 ：

<Form name="test">
<input type="button" name="testcall" onclick=tmyest()>
</form>
...
<script language="javascirpt">
document.elements[0].value="mytest"; //通过元素访问
或 
document.testcallvalue="mytest"; // 通过名字访问
</script> 
.....

５、checkbox检查框

·功能：实施对一个具有复选框中元素的控制。

·属性：

name:设定提交信息时的信息名称。
Value:用以设定出现在窗口中对应HTML文档中Value的信息。
Checked:该属性指明框的状态true/false.
defauitchecked:默认状态

·方法：

click()该方法使得框的某一个项被选中。

·事件：

onclick:当框的选被选中时，产生该事件。

６、radio无线按钮

·功能：实施对一个具单选功能的无线按钮控制。

·属性：

name:设定提交信息时的信息名称，对应HTML文档中的radio的name相同
value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档中的radio
的name。
length:单选按钮中的按钮数目。
defalechecked:默认按钮。
checked:指明选中还是没有选中。
index:选中的按钮的位置。

·方法：

chick():选定一个按钮。

·事件：

onclick:单击按钮时，产生该事件。

７、hidden:隐藏

·功能：实施对一个具有不显示文字并能输入字符的区域元素的控制。

·属性：

name:设定提交信息时的信息名称，对应HTML文档的hidden中的Name。
Value:用以设定出现在窗口中对应HTML文档中Value的信息，对应HTML文档hidden中
的value。
defaleitvalue:默认值

------- android培训、java培训、期待与您交流！ ----------