js基础

1.1 什么是JavaScript

JavaScript是web上一种功能强大的编程语言，用于开发交互式的web页面。它不需要进行编译，而是直接嵌入在HTML页面中，由浏览器执行。
 JavaScript 被设计用来向 HTML 页面添加交互行为。
 JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。
 JavaScript 由数行可执行计算机代码组成。
 JavaScript 通常被直接嵌入 HTML 页面。
 JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。

1.2 JavaScript的引入

在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" ></script>

注意:
如果在script标签,使用src引入了一个文件
标签中的js代码,全部作废 ,不运行

script标签在HTML中出现的位置
理论上,script标签可以出现在页面上的任意位置
在不影响JS的功能, 标签出现的位置越晚越好

2.1 数据类型

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

【引用类型】
 引用类型通常叫做类（class），也就是说，遇到引用值，所处理的就是对象。
 JavaScript是基于对象而不是面向对象。
 JavaScript提供众多预定义引用类型（内置对象）。
造一个对象：var obj = new Object();
造一个字符串对象：var str = new String();
造一个日期对象：var date = new Date();
 内置函数的重要转换: 字符串转成数字
parseInt parseFloat

JavaScript规范规定以下操作规则（了解）
 Boolean运算

比较运算符
* == 比较符号两边的数据是否相等
* === 比较符号两边的数据属否相等,同时比较数据类型

JS中的语句
跟java一样，js也存在if、if-else、for、switch等逻辑语句，与java使用方式一致， 此处不再一一阐述

JS的语法规则:
* JS严格区分大小的
* 语句需要使用分号结尾
* JS中的命名规则,按照Java的标识符
* JS中的关键字命名
* JS是弱类型语言,(Java是强制类型语言)
* 弱类型,不是没有类型,定义变量的时候不需要明确类型
* 关键字 var 变量名= 值

2.2 函数(重要)

js的函数是js非常重要的组成部分，js最常用的函数的定义方式有两种：
1）普通函数：
function 函数名(参数列表){
js逻辑代码
}
函数调用：函数名(实际参数);

例如：求和的函数
定义函数：
function add(a,b){
alert(a+b);
}
执行函数：add(3,5);
执行结果：8
2）匿名函数：
匿名函数也就是没有名字的函数
function(参数列表){
js逻辑代码
}
但是匿名函数没有办法直接调用，一般情况下匿名函数有两种使用场景：
第一种：将匿名函数赋值给一个变量，使用变量调用函数
定义函数并赋值给变量：var fn = function(参数列表){js逻辑代码}
调用函数：fn(实际参数);
第二种：匿名函数直接作为某个函数实际参数
例如：
function xxx(数字类型参数，字符串类型的参数，函数类型的参数){
//js逻辑代码
}
调用该函数：
xxx(100,”abc”,function(){});

2.3 事件(重要)

2.3.1 事件概述
js的事件是js不可或缺的组成部分，要学习js的事件，必须要理解如下几个概念：
1）事件源：被监听的html元素
2）事件：某类动作，例如点击事件，移入移除事件，敲击键盘事件等
3）事件与事件源的绑定：在事件源上注册上某事件
4）事件触发后的响应行为：事件触发后需要执行的代码，一般使用函数进行封装

2.3.2 常用的事件
事件名 描述
onload 某个页面或图像被完成加载
onsubmit 当表单提交时触发该事件—注意事件源是表单form
onclick 鼠标点击某个对象
ondblclick 鼠标双击某个对象
onblur 元素失去焦点
onfocus 元素获得焦点
onchange 用户改变域的内容

3.1BOM对象

3.1.1 js的BOM对象
1）Screen对象，Screen 对象中存放着有关显示浏览器屏幕的信息。
2）Window对象,Window 对象表示一个浏览器窗口或一个框架。
3）Navigator对象，包含的属性描述了正在使用的浏览器
4）History对象，其实就是来保存浏览器历史记录信息。
5）Location对象，Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。

3.1.2 Window对象
Window对象此处学习它的三个作用：
1）弹框的方法
2）定时器
3）全局方法

3.1.3 弹框的方法（重点）
1）提示框：alert(提示信息);
2）确认框：confirm(提示信息);
3）输入框：prompt(提示信息);

3.1.4 定时器（重点）
1）执行多次的定时器：setInterval(函数,毫秒值)
2）执行一次的定时器：setTimeout(函数,毫秒值)
3）清除定时器: clearInterval

2.1.5 常用的全局方法（了解）
1）parseInt/parseFloat函数 ---- Integer.paseInt();
2）eval函数—特点：可以将字符串解析成js脚本

3.1.6 Location对象（重点）
重点记忆location.href可以在js中进行url访问
location.href相当于在浏览器的地址栏中输入地址 并敲回车

3.1.7 历史记录对象 history
* 方法:go() 参数,传递正数,前进,传递负数后退
function fn(){
//-1 后退1页
history.go(-1);
}