如何完整的做一个web项目，基础篇（3）JavaScript学习

一、概述

1. JavaScript简称为JS，是一个嵌入在网页中的脚本语言，主要用于实现网页中的各种动态效果（功能）。
2. 特性：
   (1)脚本语言：边运行边进行解释编译。
   (2)基于对象：不仅能使用对象，还能自己创建对象。
   (3)简易：JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求。
   (4)动态性：JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。
   (5)跨平台性：JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。

二、使用

1. JS代码必须编写在标签中,script标签可以在网页的任何位置编写，一般将该标签放在head标签，目前流行的开发方式是将script放到网页结束位置。

2. 由于JS是一个弱类型的语言，没有明确的数据类型，所以在声明变量的时候不需要指定数据类型，而是用var或者let关键字来声明变量(var可以省略）。两者区别是 let属于块级变量，使用let定义的变量只能在某一个代码块中使用，var属于全局变量，在代码块中定义的var变量在代码块外部依然可以使用。

3. JS中的流程控制语句与java中的相同 if-else、switch、while、for等等。

4. JS中定义函数function xxx(){ } ，声明函数时不指定返回类型，但是函数可以有返回值，其他与java中的要求基本一致。

5. 在JS页面中查找元素的几个常用方法：
   (1)通过表单的name包含关系找到对象： document(Dom对象).calform(表单名称).num(表单元素名称)

   (2)通过HTML元素的id属性获取对象：document.getElementById(id)

   (3)通过HTML元素的name属性获取对象，有可能时多个name属性相同的HTML元素对象，所以返回一个数组：document.getElementsByName(name)

   (4)通过HTML元素的标签名获得多个同标签的HTML元素对象:document.getElementsByTagName(tagName)

6. JS中的常用事件：
   (1)Onclick：鼠标单击事件
   (2)Onmouseover：鼠标悬浮事件
   (3)Onmouseout：鼠标离开事件
   (4)Onload：页面加载事件
   (5)Onsubmit：表单提交事件
   (6)Onblur：失去焦点事件
   (7)Onfocus：获得焦点事件

总结一下：JS不是一个技术难点，只要基本会java再稍微学一学就能会使用JS，目前市面上的前端框架基本都是由HTML+CSS+JavaScript写出来的，所以学习了解这些基础技术还是很有必要的。