JavaScript 基础重点归纳

1、 PAGE PAGE 17目录 HYPERLINK l _TOC_250038 JavaScript 重点归纳3 HYPERLINK l _TOC_250037 第一章JavaScript 的基本语法3 HYPERLINK l _TOC_250036 1、为什么要学习JS.3 HYPERLINK l _TOC_250035 2、什么是JavaScript3 HYPERLINK l _TOC_250034 3、在网页中引用JavaScript 的方式3 HYPERLINK l _TOC_250033 4、JavaScript 核心语法3 HYPERLINK l _TOC_250032 5、数据类

2、型4 HYPERLINK l _TOC_250031 6、常用的输/输出4 HYPERLINK l _TOC_250030 7、语法约定4 HYPERLINK l _TOC_250029 8、Firebug 工具，火狐插件调试工具。4 HYPERLINK l _TOC_250028 第2 章 函数和window 对象4 HYPERLINK l _TOC_250027 1、常用的系统函数4 HYPERLINK l _TOC_250026 2、自定义函数5 HYPERLINK l _TOC_250025 3、匿名函数5 HYPERLINK l _TOC_250024 4、转义符5 HYPERLIN

3、K l _TOC_250023 5、变量的作用域5 HYPERLINK l _TOC_250022 6window 对象6 HYPERLINK l _TOC_250021 7、Date 对象6 HYPERLINK l _TOC_250020 第 3 章 BOM编程7 HYPERLINK l _TOC_250019 1、history 对象7 HYPERLINK l _TOC_250018 2、location 对象73、t对象 HYPERLINK l _TOC_250017 4、元素的显示和隐藏7 HYPERLINK l _TOC_250016 第4 章 DOM 高级编程81、M 的组成 HY

4、PERLINK l _TOC_250015 2、Core DOM 的标准节点操作8 HYPERLINK l _TOC_250014 3HTMLDOM 的特有对象和操作9 HYPERLINK l _TOC_250013 第5 章 JavaScript和CSS 的交互10 HYPERLINK l _TOC_250012 1、JavaScript 访问样式的常用方法10 HYPERLINK l _TOC_250011 2、获取样式属性值10 HYPERLINK l _TOC_250010 3、获取滚动条滚动的距离11 HYPERLINK l _TOC_250009 第6 章 表单基本验证技术11 H

5、YPERLINK l _TOC_250008 1、基本数据类型String 和 对象String 的区别11 HYPERLINK l _TOC_250007 2、String 对象的方法12 HYPERLINK l _TOC_250006 3、表单提交的方法12 HYPERLINK l _TOC_250005 4、文本框控件12 HYPERLINK l _TOC_250004 5、制作文本输入提示特效13 HYPERLINK l _TOC_250003 第7 章 正则表达式和表单辅助特效13 HYPERLINK l _TOC_250002 1、正则表达式13 HYPERLINK l _TOC_

6、250001 2、定义正则表达式：13 HYPERLINK l _TOC_250000 3、表达式的模式134、正则表达对象的常用方法145、使用下拉列表框实现级联效果156Array 数组对象15扩展1、对象类型和基本类型172、Math 对象173、number 对象17JavaScript 重点归纳第一章 JavaScript 的基本语法1、为什么要学习 JS客户端表单验证页面动态效果动态改变页面内容2、什么是 JavaScriptJavaScript 是一种描述语言，也是一种基于对象和事件驱动的、并具有安全性能的脚本语言。JavaScriptJavaScript的组成JavaScrip

7、tECMAScriptBOMDOM核心语法浏览器对象模型文档对象模型3、在网页中引用 JavaScript 的方式使用标签内容JavaScript文件HTML标签中4、JavaScript 核心语法声明变量var 变量名;注意：JavaScript可不要，但一般先声明，再赋值使用5、数据类型JavaScript 是一种弱类型语言，在声明变量时不需要声明变量的数据类型，面是由赋给变量的值决定，但有时也需要检测变量的具体数据类型（通过。数据类型undefined(未定义类型) null(空类型)number(数值类型) string(字符串类型) boolean(布尔类型)typeof()的返回结

8、果undefined object number string boolean示例var width; typeof(null) var height=20; var name=”rose”; var isOk=true;alert(null=undefined); 返回 trueundefinednull 是声明了变量但未对该变量赋值，null表示对该变量赋了一个空值。6、常用的输入/输出警告:alert(“提示信息”);提示输入框:prompt(“提示信息”,”输入框的默认信息”);7、语法约定JavaScript 的关键字一般都是小写，内置对象是以大写字母开头的(Date、Math),D

9、om对象的名称通常是小写字母开头，遵循骆驼命名法。不能以数字开头。;号作业一行代码的结尾。8、Firebug 工具，火狐插件调试工具。第2 章函数和window对象1、常用的系统函数parseInt(“字符串”):将一个有效的数字字符串转换成整型数字parseFloat(“字符串”): 将一个有效的数字字符串转换成浮点型数字参数parseInt()parseFloat参数parseInt()parseFloatisNaN()“78.57”7878.57false“78.88color”7878.88true“this98.6”NaNNaNtrue“56.45.56”5656.45true87+

10、.58787.5false2、自定义函数function 函数名(参数 1,参数 2,参数 3,.)JavaScript语句;return返回值;调用函数：事件名=”函数名()”注意事项：实参比形参少的情况，默认赋值 undefined;实参比形参多时，自动舍弃。returnundefined。HTMLjson开头，其它属性要调用则要加前缀 javascripthref=”javascript:();”3、匿名函数var =function(). 匿名函数只能定义在前，使用在后4、转义符n换行、 t r换行、 ” 转义符只能在 alert()中使用，在 document.write()不能使用

11、。5、变量的作用域java中类似。var来声明变量那么这个变量变是一个全局变量。6、window 对象名称prompt alertconfirmclose open常用方法说明显示可提示用户输入的圣诞框显示一个带有提示信息和一个“确定”按钮的警示框显示一个带有提示信息和一个“确定”和“取消” 按钮的警示框关闭浏览器窗口打开一个新的浏览器窗口，可以设置诸多属性setTimeout(函数间隔毫秒数)在指定毫秒数后调用函数或计算表达式(调用一次)，clearTimeout(名称)可以清除定时器setInterval函数间隔毫秒数)按照指定的周期来调用函数或表达式(调用多次) clearInterva

12、l()清除定时器常用事件名称名称说明onload一个页面或一幅图像完成加载onmouseoveronmouseover鼠标移动到某元素上onclick鼠标单击某个对象onkeydownonkeydown某个键盘按键被按下onchange域的内容被改变7、Date 对象用于操作日期和时间var 日期实例 = new Date(参数);获取时间和日期值，如 获取一月中的每一天获取星期中getMonth()011=getMonth()+1setXxx()设置时间和日期值Date 对象直接得到 年-月-日 时-分-秒 格式的方法var d = new Date();var s = d.toLocale

13、String();第3 章BOM 编程1、history 对象URL列表对象的方法：back(forward(go(n)n个页面。2、location对象方法：reload()重新加载当前文档、replace()用新的文档替换当前文档3、document 对象常用方法名称getElementById() getElementByName()getElementByTagName() write()说明id的第一个对象的引用() ,HTMLJavaScript代码对象数组.length可以获取数组的长度对象名.getElementByTagName()：返回该对象的子节点中指定名称的对象的集合d

14、ocument对象经常应用于实现网页元素的显示和隐藏效果。4、元素的显示和隐藏object.style.visibility = “值” object.style.display = “值”visible,hidden不可见none显示为块级元素两者区别：使用 visibility 属性设置元素不可见，此元素会占据页面上的空间。使用display属性设置元素不显示，此元素不会占据页面空间。第4 章DOM 高级编程1、DOM 的组成e M ， XHTML，XML。XML XML 文档的对象。HTML HTML 文档的对象。2、CoreDOM 的标准节点操作访问和修改节点属性object.getA

15、ttribute(“属性名”)：获取对象的属性值。object.setAttribute(“属性名”,”属性值”)：设置对象属性值经验：使用 getAttribute()方法以读取属性值时，如果属性不存在，返回null根据层次关系查找节点（适合于在文档局部短距离查找元素）object.属性childNodesindex：按下标访问指定子节点childNodes数组)firstChild：第一个子节点nextSbling：下一个子节点lastChild：最后一个子节点注意事项：对表格进行查找时，表格默认会有、和，查找时要考虑它们的存在。访问文档的根节点的方法：document.documentE

16、lement/IE和火狐document.body/谷歌创建和增加节点名称document.createElement(“tagName”) 父节点.appendChild(nodeName)描述按照给定的标签名称创建一个新的元素节点向已存在节点列表的末尾添加新的子节点父节点.insertBefore(newNode ,oldNode)向指定的节点之前插入一个新的子节点要克隆的对象.cloneNode(true|false)复制某个指定的节点cloneNode()true 表示复制指定的节点及它的所有子节点，为false 只复制该节点和属性。名称父节点.removeChild(node)父节点

17、.replaceChild(newNode,oldNode)描述删除指定的节点用其他的节点替换指定的节点3、HTMLDOM 的特有对象和操作访问 HTML DOM 对象的属性：对象名.属性名表格对象属性和方法Table 对象类别类别名称描述属性rowsinsertRow(index) deleteRow(index)返回包含表格中所有行的一个数组方法index 所在行之前插入一个新行从表格中删除一行类别名称cells属性rowIndexTableRow 对象描述返回包含行中所有单元格的一个数组获取对象在表格的 rows 集合中的位置。sectionRowIndex获取对象位于 tBody, t

18、Head, tFoot 或 rows 集合中的位置。insertCell()标签方法deleteCell()删除行中指定的单元格类别名称属性innerTextalign TableCell 对象描述返回单元格在某行单元格集合中的位置设置或返回单元格的开始标签和结束标签之间的HTML设置或返回单元格的开始标签和结束标签之间的文本内容设置或返回单元水平排列方式设置或返回元素的 class 属性注意：数组下标和行、单元格的位置都是从0 开始，第5 章JavaScript 和CSS 的交互1、JavaScript 访问样式的常用方法style 属性（对象）HTML.style.=”;JSCSSHTML

19、”-”号，第一个单词首字小写，其余首字母大写，如 。var 变量 = HTML.style.;该方式只能获取内联样式的属性值，无法获取内部样式表或外部样式表中的属性值。名称onclick onmouseover onmouseout onmousedown描述鼠标移到某元素上鼠标从某元素移开鼠标按钮被按下this 如：鼠标移到对象上时改变对象的背景图片object.onmouseover=functioin()this.style.backgroundImage=”url(images/bg2.jpg)”;className 属性HTML.className=”CSS”2、获取样式属性值sty

20、le 偏移属性leftbottom 分别设置元素的顶、左、右、底边缘距离父元素顶、左、右、底边。zIndex 设置元素的堆叠次序。获取内部样式表或外部样式表中的属性值的方法：IE：object.currentStyle.样式属性;(只读)火狐/谷歌：document.defaultView.getComputedStyle(元素,null).属性;3、获取滚动条滚动的距离scrollTop 和 scrollLeft 属性名称scrollTop scrollLeftclientWidth描述即对象在垂直方向上滚动的距离，单位px即对象在水平方向上滚动的距离，单位px指对象的可见宽度，即在样式中设

21、置的width 值，不带 pxclientHeight指对象的可见高度，即在样式中设置的height px 得到浏览器滚动条的垂直滚动距离的方法：document.ducumentElement.scrollTop; /IE和火狐名称描述onscrollonload用于捕捉页面垂直和水平的滚动，水平和垂直滚动距离动态变化一个页面或一幅图片完成加载（上传）document.body.scrollTop:/谷歌 div名称描述onscrollonload用于捕捉页面垂直和水平的滚动，水平和垂直滚动距离动态变化一个页面或一幅图片完成加载（上传）第6 章表单基本验证技术1、基本数据类型String 和

22、对象String的区别对象类型 Stringvar str1 = new String(“Im a programmer”); var len1 = str1.length;len可以得到字符串的长度基本类型 Stringvar str2 = “Im a programmer”; var len2 = str2.length;len也可以得到字符串的长度知道这些操作只适用于对象类型，会将字符串的字面值临时转换为numberboolean类型同样适用。2、String 对象的方法方法名作用Str1.charAt(index)Str1.charAt(index)选取字符串中某一位置的单个字符Str

23、1.charCodeAt(index)Unicode编码UnicodeUnicode编码表a-z:97122 A-Z:6590 0-9:4857String.fromCharCode()将编码转成字符(可用于生成英文字母)Str1.indexOf(str2)Str1.indexOf(str2)str2str1中第一出现的位置Str1.lastIndexOf(str2)str2str1中最后一次出现的位置Str1.substr(starpos,length)Str1.substr(starpos,length)截取字符串Str1.substring(starpos,endpos)截取字符串，含开

24、始不含结束Str1.toLowerCase()Str1.toLowerCase()转小写字母Str1.toUpperCase()转大写字母3、表单提交的方法onsubmit=”return 表单验证的函数”onsubmit 方法根据函数返回值来决定是否提交表单，当返回值是false 时表单不提交， true时提交表单。4、文本框控件文本框对象常用的方法和属性类别类别名称描述onblur失去焦点，当光标离开文本框时触发事件onfocus onkeypressblur()获得焦点，当光标进行入文本框时触发某个键盘按键被按下并松开从文本域中移开焦点方法focus() select() idvalue

25、文本框获得焦点选取文本框中的内容，并突出显示，常用于提示用户输入属性设置或返回文本框的 id设置或返回文本框的 value 属性的值5、制作文本输入提示特效鼠标离开文本框时，验证输入是否合法,object.innerHTMldiv中的提示内容和样式。div的样式 将块级标签和等级标签置于同一行。IDfunction $(elementId)return document.getElementById(elementId);第7 章正则表达式和表单辅助特效1、正则表达式来匹配各种表达式。2、定义正则表达式：1) 普通方式var reg=/表达式/附加参数表达式：一个字符串代表了某种规则附加参数：

26、用来扩展表达式的含义，可以任意组合，代表复合含义g:代表可以进行全局匹配globali:代表不区分大小写匹配ignoreCase2)m:代表可以进行多选匹配构造函数multilinevar reg=new RegExp(表达式”,”附加参数”);JavaScript变量。3、表达式的模式复合模式：指含有通配符来表达的模式var reg=/通配符$/正则表达式的常用通配符符号符号描述/./$sSdDwW.代表一个模式的开始和结束匹配字符串的开始匹配字符串的结束任何空白字符/space任何非空白字符匹配一个数字字符，等价于0-9/ digit除了数字之外的任何字符，等价于0-9/whatever匹

27、配一个数字、下划线或字母字符，等价于A-Za-z0-9_任何非单字字符，等价于A-Za-z0-9_ 除了换行符之外的任意字符正则表达式的重复字符符号符号描述nn,n,m*+匹配前一项n 次匹配前一项n 次，或者多次匹配前一项至少n 次，最多m 0 次或多次，等价于1 次或多次，等价于匹配前一项 0 次或 1 次，也就是说前一项是可靠的，等价于0,1”$.、分别区别星号、点号、加号。Email:/w+(-+.w+)*w+(-.w+)*.w+(-.w+)*$/解读： HYPERLINK mailto:必须包含符号和.符号 .之前。-+.w-.w-.-+.符号不能相邻正则表达式中|或者关系运算符的用

28、法：|与”(“ ”)”指向开始和结束4、)对象的常用方法检测一个字符串是否匹配某个正则表达式：正则表达式对象实.test(字符);/返回true或false检索字符中正则表达式的匹配，返回找到的值，并确定其位置正则表达式对象实例.exec(字符串);String对象的方法符号符号描述match(字符串|reg对象)searchreplace(reg 对象|字符串,”新的字符串”) split(分割符,n)找到一个或多个正则表达式的匹配检索与正则表达式相匹配的值替换与正则表达式匹配的字符串把字符串分割为字符串数组5、使用下拉列表框实现级联效果select 对象的常用事件、方法、属性类别类别名称描

29、述事件onchange add(new,old) options selectedIndexlength当改变选项时调用的事件向下拉列表框中添加一个选项,old 为空，加在最后返回包含下拉列表框中的所有选项的一个数组设置或返回下拉列表框中的被选项目的索引号返回下拉列表框中的选项的数目options.length=0select对象的所有选项Option对象的常用属性属性属性描述textvalue设置或返回某个选项的纯文本值，即标签开始和结束之间的值设置或返回被送往服务器的值selectObjoption选项：var newOption = new Option(text,value); selectObj.add(newOption,null);6、Array 数组对象创建数组：var 数组名称 = new Array(数组长度);为数组元素赋值：var fruit = new 或var fruit = new Array(4); fruit0 = “