JavaScript尹峰.doc

JavaScript常用功能手册JavaScript语言基础JavaScript简介JavaScript是一种解释性的基于对象的脚本语言。执行前不需要编译，而是由客户端浏览器解释执行。JavaScript的变量声明采用弱类型，即：变量类型在定义时不需声明，而是在解释执行时由解释器检查器类型。我们一般用JavaScript来动态生成html页面，执行页面标签的事件驱动，或者集成Ajax用于与后台的服务器交互。引入JavaScript程序1. JavaScript直接嵌入到HTML文件中。写在head或body标记对之间，格式如下：/*javascript代码*/2. JavaScript程序放在单独的.js文件中，然后在HTML文件中引用。写在head标记对之间，格式如下：JavaScript常量1. 整型常量如：1,2342. 布尔值Boolean常量只有两种取值：true，false3. 字符型常量用或者”括起来的字符串4. nullJavaScript中使用null表示什么也没有。JavaScript变量变量时在程序执行过程中值可变的量，是系统内存中的一个命名的存储单元，与常量相对。JavaScript的变量声明采用弱类型，即：变量类型在定义时不需声明，而是在解释执行时由解释器检查器类型。变量的定义规则：1. 变量名必须以字母开头，中间可以出现数字，下划线。变量名不能有空格、+或其他符号2.变量名第一个单词全部小写，第二个单词开始每个单词的首字母大写，其余字母小写。3. 不能使用JavaScript的关键字作为变量。示例：varfirst Test=”;/字符串类型的变量 var first_Test=2;/整数类型变量的作用域：在JavaScript中有全局变量和局部变量之分。全局变量是定义在所有函数体之外，其作用范围是所有函数；而局部变量时定义在函数体之内，只对该函数是可见的。JavaScript自定义函数JavaScript函数只有在调用的时候才会被执行。通常被其它函数调用或者用于响应事件。函数根据需要可以自己决定是否要带参数和返回值。函数的定义：function 函数名(参数列表) 语句块;return 表达式;2、函数的调用调用函数的方法就是使用函数的名称并赋给参数相应的值。在JavaScript中调用函数时，可以向函数传递比在函数定义时参数数目要少的参数。用typeof运算符可以得到参数的类型。对于未传递的参数，用typeof运算符得到的结果是“undefined”。JavaScript也可以向函数传递比在函数定义时参数数目要多的参数，可以使用arguments数组来读取传入的参数。传递给函数的第一个参数是arguments数组的第一个元素，我们可以用“函数名称.arguments0”来进行引用。JavaScript系统函数JavaScript中的系统函数又称为内部方法，它们不属于任何对象，可以直接使用。一些常用的系统函数如下：1. eval(字符串表达式)返回字符串表达式的运算结果值。例：test=eval(“8+9+4/2”);/运算完成后test的值为192. parseFloat(字符串)将字符串转化为浮点数，转化成功则返回相应的浮点数，否则返回NaN。3. parseInt(字符串,radix)其中radix是数字的进制，默认为十进制。其余用法同上parseFloat()。JavaScript事件驱动在JavaScript中编写的函数，通常是在其他代码进行调用时才会执行。不过我们也可以将函数与某个事件（Event，通常是鼠标或热键的动作）联系起来，使得当事件发生时执行该函数。这个方法称之为事件驱动（Event Driver）。而对事件进行处理的函数，称之为事件处理程序（EventHandler事件句柄）。1.JavaScript常用的事件：onblur:元素失去焦点onchange:域的内容发生变化onclick:鼠标单击某个对象ondbclick:鼠标双击某个对象onfocus:元素获得焦点onkeydown:键盘的某个键被按下onload:页面或图像完成加载onmousedown:鼠标被按下onmousemove:鼠标被移动onmouseover:鼠标被移动到某元素上onmouseout:鼠标从元素上移开onselect:文本被选定。onsubmit:提交按钮被点击2. 事件与函数的关联要将一个函数与某个HTML元素的事件关联起来，需要设置相应的HTML标记中的属性值。示例如下：将一个button元素的click事件的处理函数为MyProc()。function myPorc()alert(document.all(txt).value);JavaScript内置对象数组对象类型Array建立数组的方法：(1) 使用方括号，创建数组的同时赋初值var name=张三, 李四,王五; (2) 使用new 操作符，创建数组的同时赋初值var myA=new Array(张三, 李四,王五);注意圆括号和方括号的区别，不能任意使用。(3) 先创建长度为10的数组，内容后面再赋值var anArray = new Array(9);anArray0= 张三;anArray1= 李四;anArray2= 王五;属性：length:数组中元素的个数方法;join(分隔符)：把数组中的所有数据用指定的分隔符连接起来返回一个字符串类型的对象。num.join(“/”); 返回”1/2/3”reverse():将数组中的元素顺序反转concat():用于连接两个或多个数组var a = 1,2,3;document.write(a.concat(4,5);/输出结果是：/1,2,3,4,5pop():删除并返回数组中最后一个元素，若数组为空，则返回undefined。push():向数组的末尾添加一个或多个元素，返回数组新的长度。shift():删除并返回数组的第一个元素，若数组为空，则返回undefined。unshift():向数组的开头添加一个或多个元素，并返回新的长度。字符串对象类型String属性：length:字符串的长度。方法：charAt(index):获取指定下标位置index处的字符concat(str):连接字符串indexOf(str):检索字符串，返回str在字符串中的下标。lastIndexOf(str):从后向前搜索字符串，返回搜索字符串的下标。split(str):将字符串分割为字符串数组。”北京|欢迎你|欢迎”.split(|)结果是北京,欢迎你,欢迎substr(i,j): 从起始索引号i开始提取字符串中指定数目j的字符。substring(i,j):提取字符串中两个指定的索引号i,j之间的字符。(不包括j)toLowerCase():将字符串转换为小写toUpperCase():将字符串转换为大写数学类MathMath数学类包含了常用的数学常量和函数。不需要创建该类型的对象，而可以直接使用Math.属性名或Math.方法名来使用这些常量和方法。属性：Math.E 返回自然数的底e 2.718Math.PI 返回3.14159方法：abs(x):取绝对值sin()/cos()/tan():取正弦，余弦，正切的值ceil(x):对数进行向上舍入floor(x):对数进行向下舍入max(x,y):取两者中的较大值min(x,y):取两者中的较小值random():取01之间的随机数round():把数四舍五入到最近的整数pow(x,y):返回x的y次幂sqrt(x):求数的平方根日期时间类Date1):创建日期对象的方法：new Date() 以系统时间为新创建日期对象的内容。new Date(毫秒数) 以距1970年1月1日零时到期望时间的毫秒数为参数，创建日期对象new Date(2005,6,3,21,0,22) 注意月从0开始的new Date(July 3, 2005 21:00:22) 以指定的时间为新创建日期对象的内容2):日期对象的方法Date.parse(日期对象): 返回距1970年1月1日零时到期望时间的毫秒数getDate() 返回几号getDay() 返回星期几 （0代表星期日，1到6代表星期一到星期六）getHours() 返回几点getMinutes() 返回分钟数getSeconds() 返回秒数getTime() 返回距1970年1月1日零时到期望时间的毫秒数getYear() 返回年份setDate() 设置几号setDay() 设置星期几 （0代表星期日，1到6代表星期一到星期六）setHours() 设置几点setMinutes() 设置分钟数setSeconds() 设置秒数setTime() 以距1970年1月1日零时到期望时间的毫秒数为参数，设置时间setYear() 设置年份JavaScript高级对象Window窗口对象表示浏览器打开的窗口，如果文档包含框架则浏览器会为HTML文档对象创建一个window对象，并且为每一个框架创建一个window对象。属性：length:窗口对象的数量opener：对此窗口创建者的引用parent：父窗口self/window:对自身的引用top:对最顶层窗口的引用frames:对窗口中框架元素的引用。document/history/location/Navigator/screen都是window的子对象，将在下面介绍。方法：打开关闭方法：open(url,窗口名称，参数)：打开一个新窗口close():关闭窗口与用户交互的方法：alert(“xxxx”):弹出一句提示语言confirm(“xxxx”):弹出一句提示语言，根据用户的选择返回boolean的值。示例：function disp_confirm()var r=confirm(请点击一个按钮);if (r=true)document.write(您点击了确认！);elsedocument.write(您点击了取消！);prompt(提示字符串，初始值) 让用户在对话框中输入，返回值为用户输入的内容。示例:function disp_prompt()var name=prompt(请输入您的名字,Bill Gates);if (name!=null & name!=)document.write(你好， + name + ！今天过得好吗？);Document文档对象是window的一个子对象，代表浏览器打开的html文档。属性：document中的所有元素都可以作为他的属性。包含元素集合forms,images,links等body：对文档的body元素的直接引用。cookie:设置返回与当前文档相关的所有cookiereferrer:载入当前文档的文档的URLurl:当前文档的url方法：write():向文档写 HTML 表达式 或 JavaScript 代码。writeln():等同于 write() 方法，不同的是在每个表达式之后写一个换行符。getElementById() 返回对拥有指定 id 的第一个对象的引用。getElementsByName() 返回带有指定名称的对象集合。getElementsByTagName() 返回带有指定标签名的对象集合。事件：document可以为body元素添加事件。document.attachEvent(“事件名”,”事件的处理方法”);form表单对象在html中一般用于向服务器提交数据。但是在JavaScript中，可以通过表单对象实现与用户的交互，不需经过服务器就实现动态改变web页的行为。通常使用document对象的forms数组可以很方便地访问不同的表单，也可以直接用表单的名字进行访问。属性：name:表单的名称，必须的属性。action:表单提交的目标程序，必须的属性。method:表单提交的方法，为”Post”或”Get”onsubmit:表单的提交事件方法：submit():表单的提交方法示例：其中display()方法和submitform()方法定义如下：function display()var str;/ 使用表单名称访问表单对象的属性str=name=++r;str=str+action=+document.form1.action+r;str=str+method=+document.form1.method+r;/访问表单对象的elements数组str=str+elements:+r;for(var i=0;idocument.form1.elements.length;i+)str=str+ +document.form1.elementsi.type+t++t+document.form1.elementsi.value+r;window.alert(str);return false;function submitform()/使用表单数组+下标访问表单对象document.forms0.submit();History对象window的一个子对象，包含用户在浏览器窗口中访问过的url。属性：length:url的数量。方法：back():加载history列表中上一个urlforword():加载history列表中的下一个urlgo(i):加载列表中相对于当前地址距离为i的url。其中i=-1则相当于back()方法。i=1则相当于forword()方法。Location对象window对象的一个子对象，设置或者返回当前url的信息属性：href:完整的url信息protocol:协议名host:主机名和端口号hostname:主机名port:端口号pathname:路径名search:从?开始的查询参数信息方法：reload():重新加载该文档replace(newurl):替换当前url,加载新的url,是在历史记录history中直接替换而不增加新的纪录。Screen对象Window对象的一个子对象，存放显示器屏幕的相关信息。Navigator对象Window对象的一个子对象，存放所用浏览器信息。JavaScript框架编程一个HTML页面可以有一个或多个子框架，这些子框架以或来标记，用来显示一个独立的HTML页面。框架的自我控制及框架之间的相互访问可以通过JavaScript来控制实现。1. 框架的定义iframe:单独引用一个框架时使用nameframe_name规定 iframe 的名称。scrolling yes no auto规定是否在 iframe 中显示滚动条。srcURL规定在 iframe 中显示的文档的 URL。width pixels %定义 iframe 的宽度。frameborder 1 0规定是否显示框架周围的边框。height pixels %规定 iframe 的高度。示例：frameset/frame:frameset 元素可定义一个框架集。用来组织多个窗口（框架）。每个框架frame引用独立的文档。使用 cols 或 rows 属性来进行框架的布局。属性：属性值描述cols pixels %定义框架集中列的数目和尺寸。rows pixels %定义框架集中行的数目和尺寸。frame标签定义 frameset 中的一个特定的窗口（框架）。必须定义在frameset框架集中。属性：namename规定框架的名称。noresizenoresize规定无法调整框架的大小。scrolling yes no auto规定是否在框架中显示滚动条。srcURL规定在框架中显示的文档的 URL。marqinheightpixels定义框架的上方和下方的边距。marqinwidthpixels定义框架的左侧和右侧的边距。frameborder 1 0规定是否显示框架周围的边框。2. 框架间的引用在一个HTML 页面中，所有的框架以集合的形式作为window 对象的属性frames，window.frames表示该页面内所有框架的集合。1).父框架到子框架的引用window.framesframeNamewindow.frames.frameNamewindow.framesindex其中，window.可以省略。2).子框架到父框架的引用每个window对象都有一个parent属性，表示它的父框架。如果该框架已经是顶层框架，则window.parent还表示该框架本身。var parentWin=window.parent;/父窗口parentWin.document.write();/父窗口的document3).兄弟框架之间的引用如果两个框架为同一个框架的子框架，可以通过父框架来实现互相引用。示例：在frame1中可以使用如下语句来引用frame2。self.parent.framesframe24).不同层次框架间的相互引用框架的层次是针对顶层框架而言的。当层次不同时，只要知道自己所在的层次以及