JAVASCRIPT总结
- 格式:pdf
- 大小:539.46 KB
- 文档页数:12
Javascript阶段总结第一章认识javascript1.什么是javascript?(1)JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。
(2)JavaScript是由Netscape公司开发的一种脚本语言,其编写的程序可以嵌入到HTML页面中,并直接在浏览器中解释执行。
(3)JavaScript可以被浏览器直接解释执行,它可以更好得减小服务器压力,提高程序运行效率。
2.发展历史以及应用范围关于历史离我们太远了,我们只需记住JavaScript是Netscape公司开发的就行,现在JavaScript是应用非常广泛的语言,也是一种”神奇”的语言。
应用范围:(1)增强网页的动态效果(2)实现与用户的实时动态交互(3)对客户端的事件进行处理(4)对浏览器窗口进行简单的控制(5)通过自带的document对象对HTML文档的外观和内容进行操作和处理(6)Ajax技术的核心组成部分3.Javascript语言特性(1)基于对象:提供内置对象(2)事件驱动:脚本语言特性(3)简单性:弱类型语言(4)动态性:可以实时与网页交互(5)跨平台:浏览器解释执行JavaScript和Java的关系—没有关系,相当于雷锋和雷峰塔的关系。
4.如何使用JavaScript语言4.1引入JavaScript的三种方式(1)内部引用:在HTML页面中嵌入JavaScript脚本语言,使用标签<scripttype=”text/javascript”>//js code</script>,标签之间写js脚本,对于type属性,希望大家记住,我们强制大家使用。
(2)外部引用:<script src=”引入后缀名为js的脚本文件的位置”></script>(3)内联引用:<input type=”button”value=”点击”onclick=”javascript:alsert(‘内联f方式’)”/>4.2javascript的放置位置我们知道了关于javascript的引入方式,那么我们就要面临这样的问题是我们把javascript脚本应该放在什么位置。
经过测试,我们发现javascript脚本语言可以放置在页面的任意位置,但是定义的时候说最好放在body标签或head标签之间,但是我们推荐大家写在head标签之间,这样也算是一种潜规则吧。
4.3关于javascript的注释单行注释://多行注释:/*注释*/5.编写JavaScript工具第二章Javascript语法1.javascript命名规则变量名以字母、下划线或美元符号开头变量名只能由字母、数字、下划线或美元符号组成,不能包含标点符号,不能使用汉字不能使用JavaScript保留字(关键字)见:让人发疯的javascript的关键字JavaScript对大小写敏感变量名应该能够体现其本身的意义首字母小写,第二个单词开始首字母大写同一代码块中应统一规范,参照匈牙利命名法2.javascript语法元素2.1变量(1)定义变量是用来临时存储信息的,值可以改变的容器。
(2)声明在JavaScript中,可以使用var关键字来声明变量,同时由于JavaScript是一种弱类型的脚本语言,变量还可以在不声明的情况下直接使用。
但是,使用var关键字显示地声明变量,可以提高程序的可读性。
因此,在JavaScript中做变量声明时,最好使用var显式的声明。
声明方式介绍1.一次声明一个变量,只声明不给变量赋初始值。
例如:var str;2.一次声明同种类型的多个变量,不赋初始值。
例如:var i,j,k;3.一次声明一个变量,同时给变量赋值。
var size=0;提示:JavaScript变量声明时,不指定变量的数据类型,一个变量一旦声明,可以存放任何数据类型的信息,JavaScript会根据存放信息的类型,自动为变量分配合适的数据类型。
特殊情况,如果不使用var声明变量,大家不需要见怪,如果需要可以自学。
(3)变量的作用域Javascript中也分为全局变量和局部变量,理解方式跟java当中类似。
2.2数据类型(1)typeof的使用typeof方法是对返回值的类型,使用方式typeof X或者typeof(X)推荐(2)数据类型介绍在我们认识的javascript世界中,我们接触的数据类型没有java中的类型那么复杂,但是我们从来不应该去蔑视他,我们要重视它的本质,看穿它。
下面我们来学习一下JavaScript的数据类型数据类型我们分为两种:简单类型和复杂类型。
简单类型介绍类型名称类型描述行批量处理,也控制代码的迭代和循环等。
注意:typeof(NaN)和typeof(Infinity)都返回numberNaN如果参与任何数值计算的结构都是NaN,而且NaN!=NaN Infinity/Infinity=NaNboolean是就是,非就非,没有疑义。
既可以被代码处理,也可以控制代码的流程。
当比较两个表达式的值的时候,值为0的表达式看做false,而不为0的表达式看做true。
null null是一种特殊的数据类型,它表示“无值”null类型数据唯一的、合法的值是null提示:null与undefined的不同之处在于:null值表示已经对变量赋值,只不过赋的值是“无值”;而undefined表示变量还不存在或者存在但没有赋值.复杂类型:只有一个就是object2.3运算符见课件PPT第二章等于运算符(==)如果被比较的运算数是同类型的,那么等于运算符将直接对运算数进行比较;如果被比较的运算数类型不同,那么等于运算符在比较两个运算数之前会自动对其进行类型转换严格等于运算符(===)它在比较之前不会对运算数的类型进行自动转换。
只有两个运算数在没有进行类型转换前是相等的,它才会返回true,否则返回false。
提示:全等也就是数值与数据类型都相等才返回trueA==B&&typeof(A)==typeof(B)2.4注意事项3.控制语句见PPT,注意for循环油一个不跟java一样的,for(var变量in数组){}4.函数的定义函数的定义由4部分组成:关键字、函数名、参数、函数体。
两种方式:定义式和变量式第一种定义称为定义式,第二种为变量式。
在实际应用中二者没有区别,但在调用中顺序上差异。
定义式可以在调用之后再定义,而变量式则不可以。
(1)参数没有参数类型,直接使用参数(2)没有返回值,如果需要返回值就使用关键字return(3)加载方式回顾一下5.注意事项第三章认识内置函数1.数学Math对象介绍(1)Math对象的属性见PPT第三章P5(2)Math对象的方法在这里我要说明的是我们要了解的方法,求绝对值、求最大最小值、随机数、四舍五入、求参数的天花板数、求参数的地板数。
2.日期Date对象的介绍(1)Date的声明Date对象的内部是以世界标准时间——格林威治时间的1970年1月1日0时开始计算声明:var date=new Date();(2)Date的get方法见PPT(3)Date的set方法见PPT3.关于javascript使用的编码URI编码函数(1)escape和unescape废弃了(2)encodeURI(),decodeURI(),(3)encodeURIComponent(),decodeURIComponent4.动态执行函数eval的使用(理解)eval()方法的功能非常强大,但也非常危险。
因此使用的时候必须极为谨慎。
特别是在用户输入数据的情况下,非常有可能导致程序的安全性,比如代码注入等等.说明:除了解析JSON(JavaScript Object Notation,一种数据转换格式)对象外,eval 在程序中很少使用,JSON5.isNaN函数JavaScript提供了判断表达式是不是数值的isNaN函数。
格式isNaN(exp),其中参数exp是需要判断的表达式,如果表达式的值是NaN,函数返回true;否则返回false 这这里面我们接触到两个转换方法,parseInt()和parseFloat()这个两个方法很实用,大家要牢记。
6.BOM浏览器对象模型的介绍(1)浏览器对象模型定义BOM是Browser Object Model的简称,它的顶层对象是window图3.1(2)window对象的常用方法常用的window对象的方法有打开消息框的alert()方法,打开确认对话框的confirm()方法,打开输入对话框的prompt()方法。
经常使用的是alert()做友好提示,或者如果遇到莫名的错误的时候,可以用它进行调试。
还有confirm返回值注意是boolean在这里大家要注意如果关闭一个窗口,需要了解,代码如何写。
关于window.open()的参数见PPT说明7.延时程序使用(1)setTimeout、clearTimeoutsetTimeout:通过window对象的setTimeout方法可以指定页面中的某段JavaScript代码或者某个函数在指定的时间段后执行var timeId=window.setTimeout(“funname”,millisec);timeId是用户指定的setTimeout()方法的返回值,指定timeId之后可以在别的地方调用setTimeoutfunname代表需要执行的函数名,也可以是需要执行的JavaScript脚本字符串funname参数是必须指定的millisec代表时间间隔,单位是毫秒。
例如,需要设定某个函数1秒后执行,可以设定millisec为1000;millisec参数是必须的clearTimeout(2)setInterval、clearInterval另一种可以重复执行的方法是使用window对象的setInterval()方法var timeId=window.setInterval(“funnam”,millisec);timeid是setInterval()方法的返回值(3)区别和注意事项setInterval()方法与setTimeout()方法的语法相同,而区别在于,前者会在指定的时间间隔自动重复执行指定的函数或代码段,后者则在指定的时间间隔执行一次指定的函数或代码段第四章事件处理1.什么是事件处理?Js中是采用事件驱动响应用户操作的,比如通过鼠标、按键在浏览器窗口或者页面元素(按钮,文本框。
)上执行的操作,我们称之为事件。
由鼠标或按键引发的一连串动作,称之为事件驱动。