Chapter01_Javascript概述与入门.pptVIP

JavaScript能做什么 提供用户交互 动态生成页面内容 动态更改内容 动态改变页面效果 数据验证 综述 JavaScript 是属于网络的脚本语言！ JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。 JavaScript 是因特网上最流行的脚本语言。 JavaScript 很容易使用！你一定会喜欢它的！ JavaScript组成 核心（ECMAScript） 文档对象模型（DOM） 浏览器对象模型（BOM） JavaScript 知识结构 语法基础 数据类型，强制数据类型转换 变量,函数 运算符 条件，循环语句 核心对象 数组对象，字符串对象，数学对象，日期对象，自定义对象 浏览器对象 Window、 document、 location、 history form对象 、表单元素对象 将JavaScript嵌入网页 三种方法 1.使用 script…/script 标签将语句嵌入文档 2.将 外部JavaScript 源文件链接到 html 文档中 script src= test.js/script 可使多个网页共享一个脚本文件内的代码 一般在其中定义一系列在多个网页中都可能要用到的函数 3.作为网页元素的事件处理程序,当事件触发时自动运行 marquee onmouseover=“this.stop()” 使用 script 标签 JavaScript 代码 html head script type=text/javascript document.write(欢迎来到 JavaScript 世界); /script /head body p这里是网页主体内容!!! /body /html 脚本代码 设置语言 使用外部 JS 文件 JavaScript 代码 (test.htm) html head title使用外部文件/title script src= test.js/script /head body p以上文本是通过访问外部 JavaScript 文件显示的/p /body /html document.write(喂！你好吗?) JavaScript 代码 (test.js ) JavaScript基本语法 JavaScript语法结构既宽松又简单 JavaScript基本语法部分： 语句：一条由计算机完成的、帮助你达到某种目的的指令，JavaScript中的每一行都可认为是一条语句 变量：一个代表某个值的名字就是变量 表达式：A-1+B 就是表达式 函数：具有一定功能的程序段 数据类型 数据类型 说 明 示 例 基本数据类型 数字型(number) 整数或实数 487, 25.95 字符串型(string) 一组字符 “Hello” 布尔型(boolean) 执行逻辑运算 true 或 false 引用数据类型 对象(Object) 无序的值的集合 function 函数类型 特殊数据类型 null 代表”无对象”的值 undefined 未声明或没有赋值的变量 变量 变量是一种引用内存位置的容器，用于保存在执行脚本时可以更改的值 JS是弱类型的语言,即声明变量时不需指定数据类型,为它赋值时其类型才确定,而且再次为其赋值可改变它的数据类型. 变量的命名: 只能包含数字，字母，$符，下划线（_）,但不能以数字开头,不能是保留字(关键字) JavaScript 区分大小写，即变量 myVar、 myVAR 和 myvar 是不同的变量. 命名规则推荐： Camel、Pascal、匈牙利类型标记法（例如：productName、 ProductName、 strProductName） 关键（保留）字 变量的声明 var 关键词声明变量 函数内声明变量则为局部变量,函数外声明则为全局变量.（必须要以 var 声明） script type=text/javascript //语句以分号结束 var iNumA; //声明变量 iNumA = 10; //给变量赋值 iNumB = 20; //未声明变量直接赋值 var iNumC=10; //声明的同时初始化 var x,y,z=10; //声明多个变量 /script 表达式－算术运算符 运算符 说 明 示例 + 如果操作数都是数字时执行加法运算，如果其 中的操作数有字符串时，会执行连接字符串的 作用 A = 5 + 8 //结果是13 A =5+ 8 //结果是58“ 38 +“abc” +12; 38+12 +“abc” ; - 减法 A = 8 – 5 *