异常处理结构
• 使用try-catch-finally处理异常用户可以使用该 结构处理可能发生异常的代码，如果发生异常， 则由catch捕获并进行处理，其语法如下： • try{ //要执行的代码}catch(e){ • //处理异常的代码} • finally{ • //无论异常发生与否，都会执行的代码}即 使不在catch块内进行处理，catch标识及其参 数e也是必须写的，否则会产生语法错误，而 finnally则不是必须的。
什么是脚本程序
脚本代码的位置
如何实现 JavaScript
• HTML 的 <script> 标签用于把 JavaScript 插入 HTML 页面当中。 • 那些不支持 JavaScript 的浏览器会把脚本作为页面的 内容来显示。为了防止这种情况发生，我们可以使用这 样的 HTML 注释标签： • <html><body> • <script type="text/javascript"> • <!-• document.write("Hello World!"); • //--> • </script></body></html>
使用throw语句抛出异常
• 在JavaScript中有其内部的异常机制，在遇到非法操作 时能自动抛出异常。实际的开发中，随着程序的复杂， 需要能自己实现异常，这可以通过throw语句来实现： throw value； • 其中value就是要抛出的异常变量，它可以是 JavaScript中的任何一种类型。但在JavaScript内部的 异常中，异常参数（即 catch(e)中的e）是一个名为 error的对象，可以通过new Error(message)来创建这 个对象，异常的描述被作为error对象的一个属性 message，可以由构造函数传入，也可以之后赋值。 通过这个 异常描述message，可以让程序获取异常的 详细信息，从而自动处理。
元素：<head>
元素：<body>
元素：<title>
属性：href
元素：<a>
元素：<h1>
文本：“文档标题”
文本：“我的链接”
文本：“我的标题”
演示示例：使用DOM改变超链接图解来自核心语法关键字
• 根据规定，关键字是保留的，不能用作变量名 或函数名。下面是ECMAScript关键字的完整列 表： • break else new var typeof case finally return void catch for switch while default if throw delete in try do instanceof abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public
数据类型的解释
• undefined类型只有一个值即undefined,当声明 的变量未初始化时将被赋予值undefined.值 undefined实际上是从null值中派生出来的,因此 alert(undefined==null);返回true.尽管其相等但 是含义是不同的undefined是声明了变量但未对 该变量赋值,null则表示对一个变量赋值为空 值.number类型表示实数或浮点数NaN表示非 数是number类型eg:typeof(NaN);返回值为 number类型;string类型[不对字符和字符串加 以区别]使用单引号或双引号;boolean的两个值 true或false.
本门课程目标
使用JavaScript实现表单验证 使用JavaScript制作网页广告特效 使用JavaSctipt制作弹出窗口特效 使用JavaScript实现时钟特效 使用JavaScript实现级联显示功能 使用JavaScript+CSS实现CSS样式特效 使用JavaScript动态创建页面元素
• 代码区分大小写 • 变量、对象和函数的名称
• 分号
嵌入网页的方式
• 使用<script>标签[其位置不固定,可以在 head,body标签中的任何地方] • 使用外部JavaScript文件[以.js的后缀保存该 文件然后指定给<script>标签的src属性]eg: • <script src="hello.js" type="text/javascript"><script> • 直接在html标签中
JavaScript的使用方式
Html页面内嵌JS代码 外部JS文件
<script src="hello.js" language="javascript"></script>
简短缩写方式
<input name="btn" type="button" value="弹出消息框" onclick="javascript:alert('欢迎你');"/>
typeof
typeof运算符返回值如下：
undefined：变量被声明后，但未被赋值
string：用单引号或双引号来声明的字符串
boolean：true或false
number：整数或浮点数
object：javascript中的对象、数组和null
演示示例：typeof的功能和用法演示
typeof的实例
第一章问题
脚本实现输出
• <script type="text/javascript">//脚本开始 • var count=0; • document.write("淘宝欢迎您！ ");//document.write()方法相当于java中的 print()方法，表示往页面输出显示信息。 • for(i=0;i<5;i++) • document.write("<H2>淘宝欢迎您！</H2>"); • </script>//脚本结束[如果不使用script标签, 其里面的文本就会被当作纯文本来处理]
JavaScript异常
• 在代码的运行过程中，错误是不可避免的， 总的来说，错误发生于两种情况：一是程 序内部的 逻辑或者语法错误，二是运行环 境或者用户输入中不可预知的数据造成的 错误。对于前者，就称之为错误（error）， 可以通过调试程序来解决；而后一种则更 多的称之为异常（exception），顾名思义， 就是超出常规，没有按程序设计的意愿来 输入数据。当然，异常还会有许多种类型。
运算符号
算术运算符
赋值运算符
比较操作符
逻辑运算符
位运算符
if条件结构
if条件结构
如果if或else后只有一条语句，则可以 省略大括号，但是如果if..else后有多条 语句则其语句必须在大括号内。
什么是JavaScript
JavaScript组成
JavaScript
ECMAScript
DOM
BOM
ECMAScript
语法标准
语法
变量和数据类型
运算符
逻辑控制语句
关键字、保留字 对象
编码遵循ECMAScript标准
BOM游览器对象
文档对象模型
DOM
文档：document 根节点：<html>
html常用标签
标签特征
• 所有的标签都必须有个相应的结束标签,即 所有的标签都必须关闭,如果是单独不成对 的标签要在标签后加'/'关闭它. • 所有标签的元素和属性名称都必须使用小 写.所有的属性值必须使用" "引起来。
form表单
• <form action="表单提交到服务器的URL" method="设置提交方式" target="用于指定服务 器返回结果显示的目标窗口" title="设置鼠标在 表单任意停留的时候游览器用黄色小浮标显示文 本信息"></form> type:hidden[name,value];image[name,src];text[ name,value];password[name,value];radio[name ,value,checked];checkbox[name,value];file[nam e没有value值]submit,reset,button[name,value]
数据类型
• • • • undefined 未定义的数据类型 null空类型 number 数值类型 string 字符串类型 boolean 布尔类型 typeof[运算符]来判断一个值或变量究竟属 于哪种数据类型:typeof(变量或值)返回的结 果有 undefined,number,boolean,string,object[ 如果变量是null型或者变量是一种引用类型 例如对象，函数]。
求两个数的和实例
• • • • • • • • • • • • <script language="JavaScript" type="text/javascript"> <!—//函数默认要求参数为数字function sum(a,b){ a=parseInt(a); b=parseInt(b); //如果a或b不能转换为数字则抛出一个异常对象 if(isNaN(a) || isNaN(b)){ throw new Error("arguments are not numbers"); } return a+b;} try{//错误的调用 var s=sum("c","d");//因为传入字母所以抛出异常 }catch(e){//显示异常的详细信息 alert(e.message); }//--></script>使用new Error(message)创建异常对象只是一种默 认的习惯，也是内置异常的实现方式。这不是必需的，完全可以 抛出任意数据类型的异常，例如一个整数，来作为异常的描述。 只要在程序中抛出异常和捕获异常能匹配即可。
