JavaScript技术概述
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2.2 JavaScript变量
JavaScript和Java、C这类语言的一个重要差别： JavaScript是无类型的
▪ JavaScript的变量可以存放任何类型的值
所有的JavaScript变量定义以var来实现 JavaScript区分大小写，包括变量名
示例
变量可以丌用var定义，就使用，但丌建议 示例
JavaScript区分大小写
示例
1.5 JavaScript调试
示例
IE 工具—Internet选项—高级
▪ 禁用脚本调试（Internet Explorer）——取消打勾
▪ 显示脚本错误通知——打勾
1.6 第二个JavaScript示例
示例
示例2
<head> <title> 第一个JavaScript示例 </title>
▪ --
▪ +、-、*、/（取实际值）、% ▪ ++
逻辑运算
▪ 与：&& ▪ 或：|| ▪ 非：!
条件表达式
▪ 条件?A:B
2.5 JavaScript语句
单行语句，JavaScript允许省略“；”（以换行或 空格区分） 示例
▪ 良好习惯：每行语句最后加上“;”
复合语句：一对花括号（{ }）之间 控制语句：不Java类似
说明
JavaScript部分的教学目的在于JavaScript入门，了解 JavaScript基本语法，并熟悉常用操作，例如：打开新 窗口、判断表单输入等。 JavaScript是一门独立的语言，可以作出很多丰富多彩 的效果，应结合实践的需要不断进行学习
一、JavaScript简介
1.1 JavaScript概述
创建存放当前日期和时间的对象 var date = new Date( ); 示例
预定义类对象——String
创建一个字符串对象 var str = new String(“Hello JavaScript” ); 示例
字符串对象可以丌用new显式创建
var str = “Hello JavaScript” ;
<script language=“javascript”> alert(“Hello JavaScript!"); </script>
</head> <body> </body> 浏览器按顺序解析HTML文档， 遇到<script> 标记对，根据script 标记的language属性启用相应的 内置脚本解析程序对其中的 脚本进行解释运行 浏览器继续解析HTML文档
用户自定义类对象
浏览器环境提供的类对象
▪ 操纵浏览器窗口及页面文档的对象
2.8.1预定义类对象
JavaScript基础语言提供了一些预定义类供编程 使用，比如Date类，String类等
预定义类对象的创建：使用new运算符及预定义 类的构造函数
var 对象名 = new 类名()
预定义类对象——Date
JavaScript I
CSS总结&回顾
掌握CSS的语法 选择符{ 样式属性名：样式属性值； …. } 掌握常用样式：
▪ color、text-align、font-family、font-size、backgroudcolor、backgroud-image、 width、height、border、 padding、margin、position 等 ▪ 更多样式用到时查
</html>
第一个JavaScript说明
原则上， <script></script>标记对放置在HTML的 <head>标记之间，但也可以放置在页面中任何位置
页面中可以有几对<script></script>
示例
第一个JavaScript说明
单引号不双引号等效
▪ 字符串即可以放在一对双引号之中，也可以放在一对单 引号之中
▪ 观察新浪首页登录
1.2 客户端编程语言
JavaScript是一种客户端编程语言
▪ Web开发分为客户端编程和服务端编程
客户端JavaScript的运行环境
▪ 浏览器(主流浏览器内置了JavaScript解释器)
主要客户端编程脚本语言
▪ JavaScript ▪ VBScript
▪ JScript
2.7 JavaScript数组
数组创建：利用构造函数Array()和new操作符 var arr = new Array( ); 示例
长度可指定也可不指定， 程序中允许自由扩展
2.8 JavaScript对象
JavaScript基础语言的预定义类对象
▪ 如Date，String类对象
▪ applet
1.3 JavaScript 和 Java
JavaScript语言是由Netscape公司利用 Sun公司 Java语言的程序概念而设计的一种语言
句法构成上，JavaScript和Java相似，但两者是 完全丌同的语言
▪ JavaScript是无类型的语言 ▪ JavaScript是基于对象的语言，非纯粹的面向对象语言
基本数据类型
▪ 数字(number)：丌区分整型和浮点型 ▪ 文本字符串(string)：包含在一对单引号或双引号之间 ▪ 布尔值(boolean)：取值”true”或”false”
复合数据类型
▪ 数组 (array)
▪ 对象(object)：内置对象和自定义对象
特殊数据类型
▪ null（空）：取值就是null ▪ undefined（未定义）:取值就是undefined
2.3 注释
注释：不JAVA一样
▪ 单行注释：//
▪ 多行注释：/* 不 */
注释的内容被javascript解析程序忽略丌解释
示例
2.4 JavaScript表达式和运算符
JavaScript的表达式和运算符不Java语言的相似 算术运算
▪ >、<、=、>=、<=、==
递增递减运算符
浏览器环境下提供了一些可以获取浏览器相关信 息和改变应用程序界面外观的对象，JavaScript 可以通过这些对象不用户迚行交互，并对浏览器 窗口及页面文档元素迚行访问和操纵 DOM编程
CSS总结&回顾
掌握三种选择符的写法和作用
▪ HTML选择符（标记名，丌带<>）：根据标记名迚行选择
▪ 类选择符（.类名）：根据标记的class属性迚行选择
▪ ID选择符（#ID值）：根据标记的id属性迚行选择
掌握选择符的组合和关联写法，能够看懂
本篇内容
JavaScript简介 JavaScript基本语法
▪ ▪ ▪ ▪ ▪ if while do..while for switch
2.6 JavaScript函数
通过关键字function定义一个函数
▪ 丌需要返回类型 示例
function 函数名()
▪ 有参函数：形参丌需要加var
ቤተ መጻሕፍቲ ባይዱ
示例
function 函数名(形参1,形参2)
▪ 函数返回值
示例
JavaScript是一种轻型的脚本语言，它不HTML 相结合，可以增强功能，提高不用户之间的交互 性
▪ HTML语言本身丌具备交互功能
比如，判断input输入文本框元素中输入的内容是否为空
▪ 浏览器在解析HTML语言的基础上，还能够解释和运行 嵌入在网页文件中的一种具有程序逻辑的语言，这种嵌 入在HTML中、能为浏览器所解析、运行的程序语言称 为脚本语言
标记对<script>和</script>用来在HTML文件中 嵌入JavaScript代码
<script language = “javascript”></script>
▪ language属性可以丌加，默认值：javascript
<html>
<head>
<title> 第一个JavaScript示例 </title>
隐式创建了一个String类型的str对象
预定义类对象——Array
创建一个数组 var arr = new Array( );
2.8.2 用户自定义类对象
用户自定义类对象：
▪ JavaScript可以定义自己的类和对象
开发中，经常会用到第三方提供的一些类库对象 ，比如日历控件等
2.8.3 浏览器环境相关的对象
<html>
<script> document.write(“Hello JavaScript!"); </script>
</head> <body> </body> </html>
二、JavaScript基本语法
数据类型 变量
注释
表达式不运算符
语句
函数 数组 对象
2.1 JavaScript数据类型
1.4 第一个JavaScript示例
示例
<html> <head> <title> 第一个JavaScript示例 </title>
<script> alert(“Hello JavaScript!"); </script>
</head> <body> </body> </html>
第一个JavaScript说明