JavaWeb知识整理(三)

1. JavaScript的概述

JavaScript是web上⼀种功能强⼤的编程语⾔，⽤于开发交互式的web⻚⾯。它不需要进⾏编译，⽽是直接嵌⼊在HTML⻚⾯中，由浏览器执⾏。

• JavaScript被设计⽤来向HTML⻚⾯添加交互⾏为。
• JavaScript是⼀种脚本语⾔（脚本语⾔是⼀种轻量级的编程语⾔）。
• JavaScript由数⾏可执⾏计算机代码组成。
• JavaScript通常被直接嵌⼊HTML⻚⾯。
• JavaScript是⼀种解释性语⾔（就是说，代码执⾏不进⾏预编译）。

1.2 JavaScript的组成

• 核心(ECMAScript)
• 文档对象模型(DOM)
• 浏览器对象模型(BOM)
• ECMAScript: 语法，语句

1.3 JavaScript的作用

使用JavaScript添加页面动画效果，提供用户才操作体验。主要应用有：嵌入动态文本于HTML页面、对浏览器事件做出相应读写HTML元素、验证提交数据、检测访客的浏览信息等。

1.4JavaScript的引入：

在HTML文件中引入JavaScript有两种方式，一种是在HTML文档直接嵌入JavaScript脚本，称为内嵌式，另一种是链接外部JavaScript脚本文件，称为外联式

1. 内嵌式，在HTML⽂档中，通过 <script> 标签引⼊，如下：

<script type="text/javascript">
// 此处为JavaScript代码
</script>

2. 外联式，在HTML文档中，通过<script src="">标签引入 .js 文件，如下：

<script src="1.js" type="text/javascript" charset="UTF-8"></script>

1.5 基本语法

1. 变量

在使⽤JavaScript时，需要遵循以下命名规范：

• 必须以字⺟或下划线开头，中间可以是数字、字符或下划线

• 变量名不能包含空格等符号

• 不能使⽤JavaScript关键字作为变量名，如：function

• JavaScript严格区分⼤⼩写

• 变量的声明

    var 变量名; // JavaScript变量可以不声明，直接使⽤。默认值：undefined
  

• 变量的赋值

    var 变量名 = 值; // JavaScript变量是弱类型，及同⼀个变量可以存放不同类型的数据
  

2. 数据类型
   1. 基本类型
   • Undefined，Undefined类型只有⼀个值，即undefined。当声明的变量未初始化时，该变量的默认值是undefined。
   • Null，只有⼀个专⽤值null，表示空，⼀个占位符。值undefined实际上是从值null派⽣来的，因此ECMAScript把他们定义为相等的。
   • alert(null == undefined); // 输出“true”，尽管这两个值相等，但它们的含义不同。
   • Boolean，有两个值true和false
   • Number，表示任意数字
   • String，字符串由双引号（"）或单引号（’）声明的。JavaScript没有字符类型

对变量或值调⽤typeof运算符将返回下列值之⼀：

• undefined - 如果变量是Undefined类型的
• boolean - 如果变量是Boolean类型的
• number - 如果变量是Number类型的
• string - 如果变量是String类型的
• object - 如果变量是⼀种引⽤类型或Null类型的

2. 引⽤类型
   • 引⽤类型通常叫做类（class），也就是说，遇到引⽤值，所处理的就是对象。
   • JavaScript是基于对象⽽不是⾯向对象。对象类型的默认值是null。
   • JavaScript提供众多预定义引⽤类型（内置对象）。
3. 运算符

JavaScript运算符与Java运算符基本⼀致。
4. 基本操作

• alert()：向⻚⾯中弹出⼀个提示框！
• innerHTML：向⻚⾯的某个元素中写⼀段内容，将原有的东⻄覆盖
• document.write()：向⻚⾯中写内容

1.6 JS中正则匹配的⽅式

JS中有两种匹配正则的⽅式：

• 使⽤String对象中的match⽅法
• 使⽤正则对象中的test⽅法

1.7 JS中的函数编写⽅式

函数：实现⼀定功能的代码块，类似与Java中的⽅法。关键字function，函数名⾃定义。

<script type="text/javascript">
// ⽅式1：声明函数
function demo01() {
alert("案例1");
}
// ⽅式1：调⽤函数
demo01();
// ⽅式2：声明匿名函数
var demo02 = function() {
alert("案例2");
}
// ⽅式2：调⽤函数
demo02();
</script>