JS基础知识及应用.ppt

《JS基础知识及应用.ppt》由会员分享，可在线阅读，更多相关《JS基础知识及应用.ppt（32页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、SINYEEJS基础知识及应用基础知识及应用国际软件工程师培训学校国际软件工程师培训学校什么是 JavaScript？vJavaScript 被设计用来向 HTML 页面添加交互行为。vJavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。vJavaScript 由数行可执行计算机代码组成。vJavaScript 通常被直接嵌入 HTML 页面。vJavaScript 是一种编译语言（就是说，代码执行不进行预编译）。v所有的人无需购买许可证均可使用 JavaScript。JavaScript 能做什么？vJavaScript 为 HTML 设计师提供了一种编程工具 vJava

2、Script 可以将动态的文本放入 HTML 页面 vJavaScript 可以对事件作出响应 vJavaScript 可以读写 HTML 元素 vJavaScript 可被用来验证数据vJavaScript 可被用来检测访问者的浏览器 vJavaScript 可被用来创建 cookies 如何实现如何实现JavaScript?vHTML 的 标签用于把 JavaScript 插入 HTML 页面当中。document.write(Hello World!);把把JavaScript放置在何处放置在何处?v位于 head 部分的脚本：.v位于位于 body 部分的脚本：部分的脚本：.v使用外部

3、 JavaScript：.注：当页面载入时，会执行位于 body 部分的JavaScript。当被调用时，位于 head 部分的 JavaScript 才会被执行。JavaScript 语句 vJavaScript 是由浏览器执行的语句序列。vJS 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。v这个 JS 语句告诉浏览器向网页输出“Hello world”：document.write(Hello world);vJS 代码 JS代码是 JS语句的序列。document.write(This is a header);vJS代码块JS可以分批地组合起来,代码块以左花括号开始，

4、以右花括号结束。document.write(This is a header);JavaScript 注释 vJavaScript 注释可用于增强代码的可读性。v单行注释以/开始。/这行代码输出标题：document.write(This is a header);/这行代码输出段落：document.write(This is a paragraph);v多行注释以/*开头，以*/结尾。/*下面的代码将输出 一个标题和两个段落*/document.write(This is a header);document.write(This is a paragraph);JavaScript 变

5、量变量 v变量是用于存储信息的容器x=5;y=6;vJavaScript 变量名称的规则.变量对大小写敏感（y 和 Y 是两个不同的变量）.变量必须以字母或下划线字母或下划线开始 v声明（创建）JavaScript 变量您可以通过 var 语句来声明 JavaScript 变量：var x=5;var carname=“北京现代”;注：注：在为变量赋文本值时，请为该值加引号。在为变量赋文本值时，请为该值加引号。JavaScript 运算符 v运算符=用于赋值。v运算符+用于加值。如：var x;var y;var z;y=5;z=2;x=y+z;在以上语句执行后，x 的值是。y=“5”;z=“

6、2”;x=y+z;在以上语句执行后，x 的值是。JavaScript 算术运算符 给定 y=5，下面的表格解释了这些算术运算符：JavaScript 赋值运算符 给定 x=10 和 y=5，下面的表格解释了赋值运算符：JavaScript 比较运算符 给定 x=5，下面的表格解释了比较运算符：JavaScript 逻辑运算符 给定 x=6 以及 y=3，下面的表格解释了逻辑运算符：JavaScript 条件运算符 vJavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。v语法：variablename=(condition)?value1:value2 例如：y=(X 5)?t

7、rue:false;JavaScript if.else 语句 vif 语句 if(条件)条件成立时执行代码 vif.else 语句 if(条件)条件成立时执行此代码 else 条件不成立时执行此代码 vif.else if.else 语句if(条件1)条件1成立时执行代码 else if(条件2)条件2成立时执行代码 else 条件1和条件2均不成立时执行代码 注：注：请使用双等号请使用双等号(=)来来比较变量！变量！JavaScript switch 语句 v如果希望选择执行若干代码块中的一个，你可以使用 switch 语句：switch(n)case 1:执行代码块 1 break ca

8、se 2:执行代码块 2 break default:如果n即不是1也不是2，则执行此代码 JavaScript 消息框 v警告框 alert(文本);当警告框出现后用户需要点击确定按钮才能继续进行操作。v确认框 confirm(文本);如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false v提示框 prompt(文本,默认值);如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null JavaScript 函数 v函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。v如何定义函数 function 函数名(var1,var2,.

9、,varX)代码 注：注：无参数的函数必须在其函数名后加括号。vreturn 语句 return 语句用来规定从函数返回的值。function prod(a,b)x=a*b；return x JavaScript For循环 vJavaScript 中的循环用来将同一段代码执行指定的次数v语法:for(变量=开始值;变量=结束值;变量=变量+步进值)需执行的代码 例如：var i=0 for(i=0;i=10;i+)document.write(The number is +i)document.write()JavaScript While循环 vwhile 循环用于在指定条件为 true

10、时循环执行代码。while(变量=结束值)需执行的代码 vdo.while 循环do 需执行的代码 while(变量=结束值)区别：区别：dowhile至少执行一次。至少执行一次。JavaScript Break 和 Continue vBreak使用 break 语句来终止循环 vContinue 使用 continue 语句来终止当前的循环，然后从下一个值继续执行。var i=0 for(i=0;i=10;i+)if(i=3)break document.write(The number is +i)document.write()JavaScript 获取html元素vgetElemen

11、tById()vgetElementsByName()vgetElementsByTagName()查看例子JavaScript 事件v事件是可以被 JavaScript 侦测到的行为。vonload 和 onUnloadvonFocus,onBlur 和 onChangevonSubmitvonMouseOver 和 onMouseOut 查看例子JavaScript trycatchvtry.catch 的作用是测试代码中的错误.v有两种在网页中捕获错误的方法：1.使用 try.catch 语句 2.使用 onerror 事件 vtry.catch 语句try /在此运行代码 catch(

12、err)/在此处理错误 vonerror 事件只要页面中出现脚步错误，就会产生 onerror 事件。onerror=handleErrfunction handleErr(msg,url,l)/Handle the error here return true or false 查看例子:1 2JavaScript throw 声明vthrow 声明的作用是创建 exception。v语法：throw(exception)exception 可以是字符串、整数、逻辑值或者对象。vthrow 声明的作用是创建 exception（异常）。你可以把这个声明与 try.catch 声明配合使用，以

13、达到控制程序流并产生精确错误消息的目的。请查看例子 JavaScript 特殊字符你可以在你可以在JavaScript中使用反斜杠来向文本字符串添加特殊字符。中使用反斜杠来向文本字符串添加特殊字符。JavaScript 字符串对象 v计算字符串的长度(xxx.length)vtoUpperCase()方法vMatch()方法vindexOf()方法方法查看例子JavaScript 日期对象 vnew Date()方法返回当日的日期vgetTime()方法计算从 1970 年到今天有多少年 vsetFullYear()方法得到精确的日期,有三个参数(年，月，日)vtoUTCString()方法当

14、日的日期（根据 UTC）转换为字符串 vgetDay()方法显示星期,是数字v当前时间加N天var myDate=new Date()myDate.setDate(myDate.getDate()+N)查看例子JavaScript 数组(Array)对象 v数组对象的作用是：使用单独的变量名来存储一系列的值。v定义数组 var myArray=new Array()v第一种:Var myArray=new Array();myArray0=“Java”;myArray1=“Javascript”;第二种：Var myArray=new Array(“java”,”javascript”);JavaScript 浏览器检测 vJavaScript Navigator 对象包含了有关访问者浏览器的所有信息.vappName 保存浏览器类型vappVersion 存有浏览器的版本信息（其他信息中的一项）v查看例子查看例子JavaScript Cookiesv什么是cookie?cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。v名字 cookiev密码 cookiev日期 cookie查看例子SINYEE