JavaScript(上)-课堂笔记

一、概述
(一)简介
JavaScript，简称js。是web前端开发中不可缺少的脚本语言，不需要编译即可运行（解释性语言）。它“寄生”在html体内随网络传输到客户端在浏览器里运行。
(二)作用
可以动态的修改html代码和css代码（修改的是本地内存当中的那份代码）
(三)组成（理解）
网景公司 NetScape 网景浏览器 火狐浏览器 LiveScript JScript ECMAScript
1．ECMAScript
js的基本语法规范，是js的核心
2．BOM
Browser Object Model浏览器对象模型。可以理解为是把整个浏览器抽象封装成的对象。js代码可以通过正常的代码逻辑，来调用BOM对象的属性和方法，从而实现对浏览器的操作。比如：网址跳转、历史记录切换等
3．DOM
DocumentObjectModel文档对象模型。可以理解为是把整个html文档抽象封装成的对象。js代码可以通过正常的代码逻辑，来调用DOM对象的属性和方法，从而实现操作html文档。比如：标签创建、删除、标签体的修改、标签属性的修改、样式的
(四)js的引入方式
1．内部js
2．外部js
二、基本语法规范
(一)变量定义
js是弱类型语言，js里所有变量定义都使用关键字：var
(二)数据类型
js的数据类型有两类：原始数据类型 和 引用数据类型。
1．原始数据类型
 boolean
 number 数字类型
 string 字符串类型
 null 空类型，只有一个值：null
 undefined 未定义类型，只有一个值：undefined
2．引用数据类型
js中有9个引用数据类型（内置类），明天详细讲。
怎样创建一个js对象：var date = new Date();
(三)运算符
js的运算符和java的运算符非常相似，用法也相似。这里列出来几个不同的：
 ==和===: ==只比较值，===比较值和类型
 &&和||: js里boolean的运算只有&&和||，没有&和|
 +-/：有字符串的+是拼接字符串，有字符串的-/，会先转换为数据再运算。如果转换不成功，结果是NaN
(四)逻辑语句
js的逻辑语句和java的逻辑语句非常相似，用法也基本相同：if, if else, switch, for。只是if的判断有不同的地方 ：
false，0，””,null,undefined 是false；其它都是true
(五)函数（重点）
1．普通函数
 定义：
function 函数名(形参1，形参2…){
//js代码
}
 调用：
函数名(实参1，实参2…);
2．匿名函数
 定义：
function(形参1，形参2…){
//js代码
}
 调用：
1. 把匿名函数赋值给一个变量，通过变量名调用匿名函数
2. 把匿名函数作为另外一个函数的实参传递进去
(六)事件（重点）
1．事件相关的概念
 事件源：被监听的对象
 事件：被监听对象上发生的一些动作，比如：单击、双击
 响应行为：被监听对象上的动作发生以后，要执行的js代码。通常封装成函数来调用
2．常见事件
 onclick：单击事件
 ondblclick：双击事件
 onload：加载完成事件，一般用于监听页面加载完成
 onsubmit：表单提交事件
 onchange：域内容改变事件，一般用于下拉框select选项改变
 onfocus：获取焦点事件
 onblur：失去焦点事件
 onkeydown：键盘按键被按下
 onkeyup：键盘按键被弹起
 onkeypress：键盘按键按下或按住
 onmousedown：鼠标按键被按下
 onmouseup：鼠标按键被弹起
 onmouseover：鼠标移入
 onmouseout：鼠标移出
 onmousemove：鼠标移动
3．事件绑定






/动态绑定事件/
var btn = document.getElementById(“btn3”);
btn.onclick = function(){
alert(111);
}
三、BOM对象
(一)bom对象
 window: 整个浏览器窗口封装成的对象，是所有BOM对象的顶级对象
 location: 浏览器地址栏封装成的对象，可以用来获取当前网址，更改当前网址
 history：历史记录信息封装成的对象，可以用来进行历史记录切换
 navigator：浏览器信息对象（只读），里边有浏览器的内核、版本、操作系统等
 screen：浏览器屏幕显示信息对象，封装的浏览器窗口的大小、位置，显示颜色信息等
(二)window对象
1．弹窗方法
 普通弹窗：alert()
 确认弹窗：confirm()
 输入弹窗：prompt()
三个弹窗方法都是阻塞方法
2．定时器
 执行多次的定时器
设置：var timer = setInterval(函数对象, 间隔毫秒值);
清除：clearInterval(timer);
 执行一次的定时器（延时器）
设置：var timer = setTimeout(函数对象, 延迟毫秒值);
清除：clearTimeout(timer);
3．全局函数
 parseInt
 parseFloat
 eval 把字符串作为js代码来执行
(三)location对象
浏览器地址信息对象
1．获取当前页面的网址
var url = location.href;
2．设置当前页面的网址（网址跳转）
location.href = “”;//在当前窗口显示
window.open(“”);//在新窗口显示
(四)history对象(了解)
 前进一步：history.forward();
 后退一步：history.back();
 切换n步：history.go(n);
n为正数，表示前进n步；n为负数，表示后退n步