JavaScript学习

基本概述

什么是JavaScript?
JavaScript：
　　　　　　脚本语言
　　　　　　轻量级编程语言
　　　　　　可插入html页面的编程代码
脚本语言无法独立运行，需要嵌套在html中执行，无需编译，直接运行（浏览器内部都内置JavaScript解析引擎）
JavaScript的组成：
　　　　　　　　ECMAScript
　　　　　　　　DOM文档对象模型
　　　　　　　　BOM浏览器对象模型
JavaScript的引入方式：内部引入和外部引入
　　　　　　　　　　　内部引入
　　　　　　　　　　　　　　　可以书写在HTML的任意位置
　　　　　　　　　　　　　　　可以写多个

JavaScript的基本语法

注释
　　　单行注释：//
　　　多行注释：/* */
变量
　　　JavaScript是弱类型语言
声明变量：
​ var 变量名;
给变量赋值：
​ 变量名 = “值”;
在声明JavaScript变量时，需要遵循以下命名规范：
必须以字母或下划线开头，中间可以是数字、字符或下划线
变量名不能包含空格等符号
不能使用JavaScript关键字作为变量名，如：function、this、class
JavaScript严格区分大小写。 建议使用小写开头
基本数据类型：
　　String：字符串类型。没有字符类型，值可以使用""或者’'引起来
　　boolean：布尔类型。取值：true false
　　number：数字类型。整数、小数、NaN（not a number）
　　null：一个对象为空的占位符var p = null; typeof§ 是object(了解)
　　undefined：表示变量声明却未定义具体的值 var d;
JavaScript区别于java，是弱类型语言，变量的使用不用严格遵循规范，所以一个变量声明好之后，是可以赋予任意类型的值;

var i = 3;

i = “hello”;

i = true;
typeof运算符：可以分辨变量值属于哪种基本数据类型
运算符分为：算术运算符、赋值运算符、比较运算符
JavaScript：== 和 ===的区别：

​== 只比较值是否相等，不比较类型

​=== 即比较值是否相等，又比较类型是否相同
逻辑运算符

JavaScript没有&　和　|

JavaScript常用对象

Function：函数（方法）对象
函数（方法）的创建：
　　　　　//创建一
　　　　　function fun1(){
　　　　　　alert(“fun1方法执行了”);
　　　　　}
　　　　　//创建二
　　　　　var fun2 = function(){
　　　　　alert(“fun2方法执行了！！”)
　　　　　}
　　　　　//调用
　　　　　fun1();
　　　　　fun2();
函数格式：
　　　　JavaScript函数定义必须用小写的function
　　　　JavaScript函数无需定义返回值类型，直接在function后面书写方法名
　　　　参数的定义无需使用var关键字，否则报错
　　　　function getSum(i,j){
　　　　　return i + j;
　　　　}
　　　　var sum = getSum(5,5);
函数使用的注意事项：
　　　JavaScript函数若同名，则不存在方法重载，只有方法相互覆盖，最后定义的函数覆盖之前定义的函数
　　　因为JavaScript不存在函数重载，所以JavaScript仅根据方法名来调教函数，即使参与函数的形参不匹配也不会影响正常使用。如果形参未赋值，就会采用undefined
function getSum(i,j){
　return i + j;
}
function getSum(a,b,c){
　return a + b + b;
}
var sum = getSum(5,5);
Date日期对象
var date = new Date();

两个方法：

​ getTime(); 返回 1970 年 1 月 1 日至今的毫秒数

​ toLocaleString():根据本地时间格式，把 Date 对象转换为字符串
Math数学对象
Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，不是某个对象的方法。不用创建它，把 Math 作为对象使用就可以调用其所有属性和方法。

常用方法：

​ random():0-1的随机数

​ floor(值) ：向下取整

​ ceil(值)：向上取整
正则表达式对象
开头：/^

结束：$/

test(“内容”) 判断内容是否符合正则表达式

<script>
			//定义正则表达式
			var req = /^[A-Za-z0-9]+$/;
			var f = req.test("dsfdsd212sA");
			//alert(f);
			
			var req2 = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
			alert(req2.test("14577777777"));

			var req3 = /^\s*$/;
			alert(req3.test("     "));
		</script>

Js事件

什么是Js事件
通常鼠标或热键的动作我们称之为事件(Event)
onclick
点击事件：由鼠标或热键点击元素组件时触发
onsubmit
表单提交事件：表单的提交按钮被点击时触发
需要一个返回值：
​ true：表单数据进行提交

​ false：阻止表单数据提交

function run4(){
				alert("表单触发了！！！");
				return true;
			}
		<form onsubmit="return run4()">
			用户名：<input type="text" name="username" /><br />
			密码：<input type="password" name="password" /><br />
			<input type="submit" value="注册" />
		</form>