JavaScript

JavaScript

JavaScript是web上一种功能强大的编程语言，用于开发交互式的web页面。它不需要进行编译，而是直接嵌入在HTML页面中，由浏览器执行。

1. JavaScript被设计用来向HTML页面添加交互行为。
2. JavaScript是一种脚本语言（脚本语言是一种轻量级的编程语言）。
3. JavaScript由数行可执行计算机代码组成。JavaScript由数行可执行计算机代码组成。
4. JavaScript通常直接被嵌入HTML页面。JavaScript通常直接被嵌入HTML页面。
5. JavaScript是一种解释性语言（就是说，代码执行不进行预编译）JavaScript是一种解释性语言（就是说，代码执行不进行预编译）

JavaScript组成：ECMAScript（核心，语法，语句）、DOM（文档对象模型Document Object Model，操作文档中的内容和元素）、BOM（浏览器对象模型）

JavaScript的引入

1. 事件定义式：在定义事件时直接书写js
   <input type="button" value="按钮1" onclick=";"/>单击事件
<input type="button" value="按钮2" ondblclick=";"/>双击事件
2. 内嵌式：在HTML文档中，通过<script>标签引用，此标签可写在网页任意位置
   <script type="text/javascript"> //此处为js代码 </script>
3. 外联式：在HTML文档中，通过<script src="">标签引入js文件
   <script src="1.js" type="text/javascript" charset="utf-8"></script>

语法

一、变量
使用js，命名规范：
1.必须以字母或下划线开头，中间可以是数字、字符或者下划线
2.变量名不能包含空格等符号
3.不能使用js关键字作为变量名，例如:function
4.js严格区分大小写
变量声明：var 变量名;//JavaScript变量可以不声明，直接使用。默认值：undefined
变量的赋值：var 变量名=值; //JavaScript变量是弱类型，即同一个变量可以存放不同类型的数据。

二、数据类型

• 基本类型：
  1.Undefined，只有一个类型，当声明的变量未初始化时，该变量的默认值为undefined
  2.Null，只有一个专用值，null，表示空，一个占位符，ECMAScript将undefined和null定义为相等的。
  3.Boolean，有两个值true和false
  alter(null=undefined);//输出“true”,尽管这两个的值相等，但他们的含义不同。
  4.Number，表示任意数字。
  5.String，字符串由双引号(")或单引号(’)声明的。
  JavaScript没有字符类型。
  对变量或值调用typeof运算符将返回下列值之一：
  undefined（变量是Undefined类型）、boolean（变量是Boolean类型）、number（变量是Number类型）、string（变量是String类型）、object（变量是一种引用类型或者Null类型）
• 引用类型：
  引用类型通常叫做类（class），也就是说，遇到引用值，所处理的就是对象。
  JavaScript是基于对象而不是面向对象。对象类型的默认值是null。
  JavaScript提供众多预定义引用类型（内置对象）。

三、运算符

1. 算术运算符：+(加) -(减) *(乘) /(除) %(求余数，保留整数) ++(累加) --(递减)
2. 赋值运算符：=，+=，-=，*=，/=，%=
3. 比较运算符：==(等于) ===(全等，值和类型) ！=(不等于) >(大于) <(小于) >=(大于或等于) <=(小于或等于)
4. 逻辑运算符：&&(and) ||(or) !(not)

四、基本操作
alert():向页面中弹出一个提示框！
innerHTML:向页面某个元素中写一段内容，将原有的东西覆盖
document.write():向页面中写内容

JS中正则匹配的方式：
1.使用String对象中的match方法
2.使用正则中的test方法
例：
function check(){
var email = document.getElementById("emailId").value;
if(! /^([0-9a-zA-Z_-])+@([0-9a-zA-Z_-])+(\.[0-9a-zA-Z]+)$/.test(email)){
alert（“邮箱格式不正确”）;
document.getElementById("emailId").focus();//提示信息之后获得焦点
return false;
}
return turn;
}

JS中函数编写方法：
函数：实现一定功能的代码块，类似与Java中的方法。关键字function，函数名自定义。
<script type="text/javascript">
//声明函数
function demo01(){
alert（“案例1”）;
}
demo01();//调用函数
//方式2：声明匿名函数
var demo02 = function(){
alert（“案例2”）;
}
demo02();//调用函数
</script>