Javascript基础

表单验证不使用js

required：表示必填。
pattern：一般用于type为text的元素，可以是任意的正则表达式

JavaScript的组成:

JavaScript的引入方式

1. 内嵌式：将JS代码直接嵌入HTML页面中。则该JS代码只对本页面有效。使用

位置
脚本可位于 HTML 的 或 部分中，或者同时存在于两个部分中。
通常的做法是把函数放入 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。

JS基本语法

变量

1. 变量的声明
   var 变量名; //JS变量可以不声明，直接使用。默认值:undefined
2. 变量的取值
   var 变量名=值; //JS变量是弱类型，即同一个变量可以洗存放不同类型数据。

JavaScript 对大小写是敏感的。

数据类型

1. undefined：Undefined 类型只有一个值，即 undefined。当声明的变量未初始化时，该变量的默认值是 undefined。
2. Null 类型
3. Boolean 类型：它有两个值 true 和 false （即两个 Boolean 字面量）。即使 false 不等于 0，0 也可以在必要时被转换成 false，这样在 Boolean 语句中使用两者都是安全的。
4. Number 类型：这种类型既可以表示 32 位的整数，还可以表示 64 位的浮点数。直接输入的（而不是从另一个变量访问的）任何数字都被看做 Number 类型的字面量。
5. String 类型：String 类型的独特之处在于，它是唯一没有固定大小的原始类型。
   首字符从位置 0 开始，第二个字符在位置 1，依此类推。这意味着字符串中的最后一个字符的位置一定是字符串的长度减 1。
   字符串字面量是由双引号（"）或单引号（’）声明的。
6. 引用数据类型：对象(Object)、数组(Array)、函数(Function)。

在JavaScript中，数组是一种特殊的对象类型。 因此 typeof [1,2,3,4] 返回 object。
用 typeof 检测 null 返回是object。
可以设置为 null 、undefined 来清空对象
null 和 undefined 的值相等，但类型不等：

//对象定义
var person = {
	firstName:"John", 
	lastName:"Doe", 
	age:50, 
	eyeColor:"blue"
	//创建对象方法：
	methodName : function() {
	    // 代码 
	}
};

类型转换

1. constructor 属性
   constructor 属性返回所有 JavaScript 变量的构造函数。

//使用 constructor 属性来查看对象是否为数组 (包含字符串 "Array"):
function isArray(myArray) {
    return myArray.constructor.toString().indexOf("Array") > -1;
}

2. 转字符串
   2.1. 全局方法 String()
   2.2. toString()

3. 转数字
   3.1. 全局方法 Number()
   3.2. Operator + 可用于将变量转换为数字：

var y = "5";      // y 是一个字符串
var x = + y;      // x 是一个数字

4. 自动转换

"5" + 1     // 返回 "51"      1 转换为 "1" 
"5" - 1     // 返回 4         "5" 转换为 5

当你尝试输出一个对象或一个变量时 JavaScript 会自动调用变量的 toString() 方法：

运算符

1. 如果把数字与字符串相加，结果将成为字符串！
2. ==等于，===绝对等于（值和类型均相等）

switch 语句会使用恒等计算符(===)进行比较:

正则表达式

推荐一个网站
https://ihateregex.io/

1. 语法：/正则表达式主体/修饰符(可选)
2. 修饰符
   2.1. i——大小写不敏感
   2.2. g——全局匹配（查找所有匹配而非在找到第一个匹配后停止）
   2.3. 执行多行匹配。
3. 正则表达式模式
   3.1. [abc] 查找方括号之间的任何字符。
   3.2. [0-9] 查找任何从 0 至 9 的数字。
   3.3. (x|y) 查找任何以 | 分隔的选项。
   3.4. \d 查找数字。
   3.5. \s 查找空白字符。
   3.6. \b 匹配单词边界。
   3.7. \uxxxx 查找以十六进制数 xxxx 规定的 Unicode 字符。
   3.8. n+ 匹配任何包含至少一个 n 的字符串。
   3.9. n* 匹配任何包含零个或多个 n 的字符串。
   3.10. n? 匹配任何包含零个或一个 n 的字符串。
4. search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。
5. replace() 方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
6. test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。
7. exec() 方法用于检索字符串中的正则表达式的匹配。该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。

基本操作

1. document.getElementById()：获取页面元素
2. alert()：向页面弹出提示框。
3. innerHTML：操作页面某个元素的内容，可以获取，也可以赋值。
4. document.write()：向页面中写内容。
5. console.log() 写入到浏览器的控制台。

常见的HTML事件