黑暗角落

黑暗角落
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

js教程

Posted on 2004-09-13 15:37  gz.net  阅读(2425)  评论(2编辑  收藏  举报

一、对象

1.         document

1.         all

2.         form

3.         cookie

4.         title

5.         write()
例:
document.all  //
页面中的所有对象(object,collection)
document.forms  //
页面中的所有form(object,array)
document.all.ControlID  //
页面中的控件(object)
document.all("ControlID")  //
页面中的控件(同上)(object)
document.forms.elements  //
iform中的所有元素(控件)(object,array)
document.forms.elements[j]  //
iform中的第j个元素(控件)(object)

document.all.TableID.rows  //
表格的行(object,array)
document.all.TableID.rows.length  //
表格的行数(int)
document.all.TableID.rows.cells  //
指定行的单元格(object,array)
document.all.TableID.rows.cells.length  //
指定行的单元格数(int)
document.all.TableID.cells  //
表格的单元格(object,array)
document.all.TableID.cells.length  //
表格的单元格数(int)

2.         window

1.         location 页面URL

2.         opener 当前窗口的父窗口(打开者)。

3.         parent 页面的上级框架

4.         top 页面的最上层框架(多框架嵌套)

5.         status 窗口状态栏中的内容

6.         frames 获取框架组内的每一个框架(数组)

7.         alert()
window.alert(‘Hello World’)

8.         confirm()
var b = window.confirm(‘
确认提交吗?’)
返回值bool类型,点确定返回true,点取消返回false

9.         open()
var win = window.open(‘webform1.aspx’,’name’,’width=200,height=200,left=200,top=200’)

10.     showModalDialog()
window.showModalDialog(‘webform1.aspx’,’name’,’dialogWidth:200px;dialogHeight:200px;center:yes;help:no;resizable:yes;status:no;scroll:auto’)

11.     close()
window.close();

3.         js将页面中的每一个控件(元素)都看作对象,如:
<div id=div1 style="font-size:12px"><b>Hellow World</b></div>
<SCRIPT LANGUAGE="JavaScript">
alert(document.all.div1.innerText)
alert(document.all.div1.innerHTML)
alert(document.all.div1.style.fontSize)
</SCRIPT>

二、事件

1.         onKeyDown 按下键时触发

2.         onKeyPress

3.         onKeyUp 抬起键时触发

4.         onMouseDown 按下鼠标任何一个键时触发

5.         onMouseUp 放开鼠标键时触发

6.         onMouseMove 鼠标移动时触发

7.         onMove 窗口移动时触发

8.         onReset 点击Reset按钮时触发

9.         onResize改变窗口大小时触发

三、字符串处理

1.         length
var str = “Hello World”;
alert(str.length);

2.         charAt() / charCodeAt()
var str = “Hello World”;
alert(str.charAt(1));
alert(str.charCodeAt(1));

3.         indexOf() / lastIndexOf()
var str = “Hello World”;
alert(str.indexOf(‘o’));
alert(str. lastIndexOf (‘o’));

4.         replace()
形如:string.replace(regexp,replacement)
替换一个与正则表达式匹配的子串。

5.         split()
var str = "Hello World";
str1 = str.split('o')

6.         substr() / substring()
var str = "Hello World";
str1 = str.substr(1,4)     //
从位置一往后数四个
str2 = str.substring(1,4) //
从位置一到位置四
alert(str1);
alert(str2);

7.         toString() / toLowerCase() / toUpperCase()
var str = "Hello World";
alert(str.toLowerCase());
alert(str.toUpperCase());

四、数组处理

1.         length
数组中元素个数

2.         concat()
合并两个或更多数组中的元素到一个新的数组中

3.         join()
合并数组中的所有元素为一个有独立特征的字符串

4.         pop()
从数组中删除最后一个元素,并在需要试返回此被删去的元素值

5.         push()
在数组末尾添加元素,并在需要时返回此数组的新length

6.         reverse()
颠倒数组中元素的排序;第一元素被移到最后,最后元素被放在第一位置,一次类推。

7.         shift()
从数组中删除第一元素,并在需要时返回此被删去的元素值

8.         unshift()
在数组前添加元素,并在需要时返回数组的新length

9.         slice()
截取数组中的一指定部分,并将此部分做为一新书组返回

10.     splice()
从数组中删除或替换元素

11.     sort()
依据元素的字符串值,按字母顺序对数组元素进行排序。

五、其他(变量、数学、日期、运算符、条件语句和循环)

1.         变量:数值型、字符型、布尔型、空值型
var a = 1.5;
var b = “Hello World”
var c = true;
var d = null;

2.         数学对象(Math)的方法(因精确度不够,不推荐试用)

1.         abs() 绝对值函数,返回值为参数的绝对值。

2.         round() 四舍五入取整函数,返回值为距离参数最近的整数。

3.         ceil() 向上四舍五入,返回值为大于或等于参数的最小整数值。

4.         floor() 向下四舍五入函数,返回值为小于或等于参数的最小整数值。

5.         random() 随机数函数,返回值为一个0~1之间的随机数,不需要参数。

6.         max() 最大函数,返回值为两个参数中较大的那个数。

7.         min() 最小函数,返回值为两个参数中较小的那个数。

8.         exp() 指数函数,返回值为e的参数次方。

9.         log() 自然对数函数,返回值为参数的自然对数值。

10.     pow() 幂函数,返回值为第一个参数的第二个参数次幂。

11.     sqrt() 平方根函数,返回值为参数的平方根。

12.     sin() 正弦函数,返回值为参数的正弦函数值,单位为弧度。

13.     asin() 反正切函数,返回值为参数的反正切函数值,单位为弧度。

14.     cos() 余弦函数,返回值为参数的余弦函数值,单位为弧度。

15.     acos() 反余弦函数,返回值为参数的反余弦函数值,单位为弧度。

16.     tan()正切函数,返回值为参数的正切函数值,单位为弧度。

17.     atan() 反正切函数,返回值为参数的反正切函数值,单位为弧度。

3.         日期
首先声明一个日期对象:var dDate = new Date();

1.         getYear() 返回年份

2.         getMonth() 返回月份值

3.         getDate() 查看Date对象并返回日期

4.         getDay() 返回星期几

5.         getHours() 返回小时数

6.         getMinutes() 返回分钟数

7.         getSeconds() 返回秒数

8.         getTime() 返回完整的时间

9.         setYear() 改变年份

10.     0setDate() 改变Date对象的日期

11.     setHours() 改变小时数

12.     setMinutes() 改变分钟数

13.     setMonth() 改变月份

14.     setSeconds() 改变秒数

15.     setTime() 改变完整的时间

16.     toLocaleString() Date对象的日期(一个数值)转变成一个字符串,使用所在计算机上配置使用的特定日期格式

4.         运算符(略)

5.         条件语句和循环(略)

 

 

 

 

 

 

 

例:

1.求和
<TABLE border=1>

<TR>

       <TD>产品</TD>

       <TD>单价()</TD>

       <TD>数量</TD>

       <TD>合计</TD>

</TR>

<TR>

       <TD>产品1</TD>

       <TD id=p1>5.00</TD>

       <TD><INPUT TYPE="text" id="m1"></TD>

       <TD><INPUT TYPE="text" id="s1"></TD>

</TR>

<TR>

       <TD>产品1</TD>

       <TD id=p2>5.00</TD>

       <TD><INPUT TYPE="text" id="m2"></TD>

       <TD><INPUT TYPE="text" id="s2"></TD>

</TR>

</TABLE>

2.
数字转换成大写