JavaScript_上

javaScript

JavaScript,简称JS，是Web开发中不可缺少的脚本语言的，不需要编译就可以运行（解释性语言）。它“寄生”在HTML体内，随网络传输到客户端在浏览器中运行。js代码可以写到html的任何地方。一般写在 body 结束标签的上方。

ECMAScript：基本语法规范
BOM：Browser Object Model 浏览器对象模型。可以理解是把浏览器封装成js对象，JS代码可以操作Bom对象的属性和方法，从而操作浏览器。
Dom：Document Object Model 文档对象模型，把html文档封装成Js对象。Js代码可以对象的属性和方法，从而操作HTML文档：操作HTML标签，操作属性，操作样式。

js代码在HTML页面内的任意位置都可生效，在不影响页面显示效果的情况下，js越晚加载越好。

关键字 function

function add(a,b){
    return a+b;
}
add(3,3);

匿名函数

var fn=function(a,b){
 return a+b;
}
var result=fn(3,3);

先要明确是那个标签要发生事件，就给他添加事件的监听，发生了怎样的事件（常用事件），发生了事件后，应该怎么去处理（响应的行为）。

事件相关的概念
- 事件源：被监听的对象，一般只html标签
- 事件：事件源上发生的动作：比如单击、双击
- 响应行为：事件触发后，要执行的一些代码。这些代码通常是封装成函数来调用。
常见的事件（监听事件源）
- onclick 监听鼠标单击
- ondblclick 鼠标双击
- onload 监听加载事件，一般用于监听页面加载完成
- onsubmit 监听表单提交事件，针对form标签
- onchange 监听域内容改变事件，一般针对select下拉框的选项发送变化
- onfocus 监听获取焦点事件
- onblur 监听失去焦点事件
- onkeydown 监听键盘按键被按下
- onkeyup 监听键盘按键被弹起
- onkeypress 监听键盘被按下或按住
- onmousedown 监听鼠标按下
- onmouseup 监听鼠标弹起
- onmouseover 监听鼠标移入
- onmouseout 监听鼠标移出
- onmousemove 监听鼠标移动
事件绑定（三种方式）

var btn = document.getElementById(“btn3”);
btn.onclick = function(){
alert(“动态绑定事件”);
}

BOM浏览器对象模型。有5个对象