javascript基础入门
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
多目选择
基本格式——解决多种条件判断 switch (e) { case r1: （注意：冒号） ... break; case r2: ... break; [default: ...] }
循环语句for
基本格式 for（初始化；条件；增量） {语句集；} 功能：实现条件循环，当条件成立时，执行语句集，否 则跳出循环体
JavaScript函数
Function 函数名 （参数,变元）{ 函数体;. Return 表达式; } 说明： 当调用函数时,所用变量或字面量均可作为变元传递。 函数由关键字Function定义。 函数名：定义自己函数的名字。 参数表，是传递给函数使用或操作的值，其值可以是常量 ，变量或其 它表达式。 通过指定函数名（实参）来调用一个函数。 必须使用Return将值返回。 函数名对大小写是敏感的
三.语言基础
1.基本数据类型 ——常量 2.基本数据类型——变量 3.转义字符 4.表达式 5.运算符 6.控制语句 7.JavaScript函数 8.错误处理
基本数据类型 ——常量
整型 只能储存整数。可以是正整数、0、负整数，可以是十进制、八进制、十六 进制。八进制数的表示方法是在数字前加“0”，如“0123”表示八进制数“123”。 十六进制则是加“0x”：“0xEF”表示十六进制数“EF”。 浮点型 即“实型”，能储存小数。有资料显示，某些平台对浮点型变量的支持 不稳定。没有需要就不要用浮点型。
了解JavaScript
是一种基于对象和事件驱动并具有安全性的解释性语言，其 目的就是增强Web客户交互。弥补了HTML的缺陷。
行为
页面
标准
表示
CSS
结构
HTML……
JavaScript与Java
处于两家不同的公司，属于两种完全不同的产品。 Java是SUN公司推出的新一代面向对象的程序设计语言，特 别适合Internet应用程序开发，前生是Oak语言。 JavaScript是Netscape公司的产品，是一种可嵌入到WEB当 中的基于对象和事件驱动的解释性语言，前生是LiveScript。
转义字符
由于一些字符在屏幕上不能显示，或者 JavaScript 语法上 已经有了特殊用途，在要用这些字符时，就要使用“转义字 符”。 转义字符用斜杠“\”开头：\„ 单引号、\“ 双引号、\n 换行 符、\r 回车。于是，使用转义字符，就可以做到引号多重 嵌套：’Micro 说：”这里是\“JavaScript 教程\” 。
表达式
表达式在定义完变量后，就可以对它们进行赋值、 改变、计算等一系列操作，这一过程通常又叫称 一个叫表达式来完成，可以说它是变量、常量、 布尔及运算符的集合，因此表达式可以分为算术 表述式、字串表达式、赋值表达式以及布尔表达 式等。 var m=1+9; var m=“hello”+”world”; var m=100; var m=false;
字符串型 是用引号“” “”、“‘ ’”包起来的零个至多个字符，而且单双引 号可嵌套使用。
布尔型 常用于判断，只有两个值可选：true（表“真”）和 false（表“假”）。 true 和 false 是 JavaScript 的保留字。它们属于“常数”。
基本数据类型——变量
变量的命名 变量的命名有以下要求： 1.只包含字母、数字和/或下划线； 2.要以字母开头； 3.不能太长； 4.不能使用JavaScript中的关键字作为变量； 变量是区分大小写的，例如，variable 和 Variable 是两个不同的变量 变量需要声明 没有声明的变量不能使用，否则会出错：“未定义”。声明变量可以用： var <变量> [= <值>] 变量作用域。全局变量是定义在所有函数体之外，其作用范围是整个函数；而局部变量是 定义在函数体之内，只对其该函数是可见的，而对其它函数则是不可见的。
条件语句
基本格式 if（表述式） 语句段１； ...... else 语句段２； ..... 功能：若表达式为true，则执行语句段１；否则执行语句 段２。
三元运算符
基本格式 条件表达式“?<语句1>:<语句2>”，当<条件>为真时执行< 语句1> ，否则执行<语句2>
eg： var m=5; var n=3; var bol=(m>n)?m:n;
运算符
1算术运算符 JavaScript中的算术运算符有单目运算符和双目运算符。 双目运算符： +（加） 、-（减）、 *（乘）、 /（除）、 %（取模） 、|（按位或）、&(按位与)、<< （左移）、 >>（右移）、 >>>（右移，零填充）。 单目运算符： -（取反）、~（取补）、++（递加1）、--（递减1）。 2比较运算符 比较运算符它的基本操作过程是，首先对它的操作数进行比较，然后再返回一个true或 False值，有８个比较运算符: <(小于)、>(大于)、<=(小于等于)、>=(大于等于)、==(等于)、!=(不等于)。
// 创建具有某些属性的对象
var myObject = new Object(); myObject.name = "James"; myObject.age = "22"; myObject.phone = "555 1234"; // 枚举（循环）对象的所有属性 for (prop in myObject){ // 显示 "The property 'name' is James"，等等。 window.alert("The property '" + prop + "' is " + myObject[prop]); }
JavaScirpt不可以做什么
பைடு நூலகம்
不允许读写客户机器上的文件。 不允许写服务器上的文件。 不能关闭不是由它打开的窗口。 不能从来自另一个服务器的已经打开的网页中读取信息。
二.JavaScript入门
1.脚本写在哪里？ 2.第一个JavaScript程序 3.在脚本中写注释 4.弹出对话框 5.关闭一个浏览器窗口
脚本写在哪里？
src=… HTML文档 <HTML> <HEAD> ……... </HEAD> <BOYD> ……... </BODY> </HTML>
<SCRPT > function HELLO() { …………. } </SCRIPT>
第一个JavaScript程序
弹出对话框
三种对话框 <script> function DialogBox() {
//alert(„welcome!‟); 一个按钮 // confirm(„can you speak english?‟);两个按钮 prompt (“how old are you?”,”23”);有默认回答，两个按钮
JavaScript与Java不同点
基于对象和面向对象 解释和编译 强变量和弱变量 代码格式不一样 嵌入方式不一样 静态联编和动态联编
须在编译时的进行）
（对象引用在运行时进行检查，对象引用必
JavaScirpt可以做什么
使网页更具有交互性，给用户提供更好，更令人兴奋的体验。 确保用户在表单中输入有效的信息，可以节省你的业务开支。 即时创建HTML页面。 还可以处理表单，设置cookie，创建基于Web的应用程序。
<html> <body> <script type="text/javascript"> document.write("Hello World!"); </script> </body> </html>
在脚本中写注释
两种注释示例 /* …*/ 与 //… /*This is an example of a long JavaScript comment.Note the characters at the beginning ending of the comment.*/ Function Emg(){ // This is writeMessage. …… }
JavaScript
主要内容
一． 了解JavaScript 二． JavaScript入门 三． 语言基础 四． 内置对象 五． 对象与DOM 六． 图像处理 七． 框架 八． 表单与事件处理
一、了解JavaScript
1.了解JavaScript 2. JavaScript与Java 3.JavaScript与Java不同点 4.JavaScript工作流程 5.JavaScript可以做什么 6.JavaScript不可以做什么
四、内置对象
1.对象化编程 2.对象的基本知识 3.内置对象 4.String字符串 5.Array数组 6.Math 7.Date日期 8.全局对象 9.自定义构造函数 10.自定义对象 11.expando属性 12使用原型对象 13.数组对象 14.With语句
3布尔逻辑运算符 !（取反)、&=（与之后赋值）、 &（逻辑与）、 |=（或之后赋值）、 |（逻辑或）、 ^= （异或之后赋值）、 ^（逻辑异或）、 ?:（三目操作符）、||（或）、==(等于)、|=(不等 于)。
控制语句
第一种是选择结构 1.单一选择结构（if） 2.二路选择结构（if/else） 3.内联三元运算符 ?: 4.多路选择结构（switch） 第二种类型的程序控制结构是循环结构。 1.由计数器控制的循环（for） 2.在循环的开头测试表达式（while） 3.在循环的末尾测试表达式（do/while） 4.对对象的每个属性都进行操作（for/in）
JavaScript函数
在函数的定义中，我们看到函数名后有参数表，这些参数变量可能是一 个或几个。那么怎样才能确定参数变量的个数呢？在JavaScript中可通 过arguments .Length来检查参数的个数。
Function function_Name(exp1,exp2,exp3,exp4){ Number =function _Name . arguments .length; if (Number>1） document.wrile(exp2); if (Number>2) document.write(exp3); if(Number>3) document.write(exp4); }
基本格式 do{ …… }while(条件); 功能：do...while 循环与 while 循环相似，在循环的末 尾检查条件，它总是至少运行一次。
for…in循环
JScript 提供了一种特别的循环方式来遍历一个对象的所有用户定义 的属性或者一个数组的所有元素。for...in 循环中的循环计数器是一个 字符串，而不是数字。它包含当前属性的名称或者当前数组元素的下 标。
错误处理
基本语句 try/throw/catch try{ 语句块… throw new Error(“…”); } catch(errMsg) { alert(errMsg.message); }
eg: function Age() { try { var m="age"; var n=20; document.write(parseInt(m)+n); //抛出语句 throw new Error("not a valid number"); } catch (errMsg) { alert(errMsg.message); } }
循环语句while
基本格式 while（条件） 语句集； 该语句与For语句一样，当条件为真时，重复循环， 否则退出循环。
*break和continue语句 与C++语言相同，使用break语句使得循环从For或while 中跳出，continue使得跳过循环内剩余的语句而进入下一次 循环。
do-while循环
} </script>
关闭一个浏览器窗口
两种关闭方式
标签关闭与按钮关闭
<a href="javascript:self.close()">关闭窗口</a>
<script > function NVGClose() { window.close(); } </script> <input type="button" value="关闭" onclick=“NVGClose()">