JavaScript简介以及基本语法

JavaScript

是一种脚本语言，嵌套在网页中，是基于对象的语言，也可以创建对象，是基于事件驱动的语言，任何触发js的操作都需要 “事件” 例如 单击事件，双击事件，提交事件等
是一门安全及平台无关性语言。
JS是一门解释型语言，只需要浏览器即可
js诞生于1995年，当时的主要目的是验证表单的数据是否合法

组成部分

（1）核心（ECMAScript）：这一部分主要是js的基本语法。

（2）BOM：Brower Object Model（浏览器对象模型），主要是获取浏览器信息或操作浏览器的，例如：浏览器的前进与后退、浏览器弹出提示框、浏览器地址栏输入网址跳转等操作等。

（3）DOM：Document Object Model（文档对象模型），此处的文档暂且理解为html，html加载到浏览器的内存中，可以使用js的DOM技术对内存中的html节点进行修改，用户从浏览器看到的是js动态修改后的页面。（增删改查）

特点

1. 交互性（它可以做的就是信息的动态交互）
2. 安全性（不允许直接访问本地硬盘）
3. 跨平台性（只要是可以解析js的浏览器都可以执行，和平台无关）

语法

• 直接在网页的任意位置 <script type="text/javascropt"> js代码 </script>
• 引入外部的 js文件 my.js <script src="js/my.js"></script>
• 在标签的属性上 写js ： <button onclick="javascript:alter('hello');"></button>

js默认加载顺序 从上往下 执行

基本数据类型

数值型 Number（包括小数和整数）

字符串型 String

布尔类型 boolean

空 null

未定义 undefined

引用数据类型（对象类型）

Object类型
js是弱类型语言，不重视类型的定义，但js会根据为变量赋值的情况自定判断该变量是何种类型

JS的常用方法：
document.getElementById("") 返回一个dom对象

document.getElementsByName("") 返回数组对象

document.getElementsByTagName("") 返回数组对象

innerHTML ： 获取或设置 对象 的 所有内容 ，包含HTML标签

innerText：获取或设置 对象 的 文本内容，不包含标签

对象.style.样式名=值 ， 样式名来自css的样式名

js事件

当需要完成某个任务 ，该食任务需要在何时调用，需要通过js的某些事件执行

• 1、 单击事件 onclick

• 2、双击事件 ondbclick

• 3、鼠标移动时间 onmousemove

• 4、鼠标的悬停时间 onmouseover

• 5、 鼠标离开 onmouseout

• 6、鼠标 按下 onmousedown

• 7 、鼠标释放 onmouseup

• 8 、键盘按下事件 onkeydown

• 9、 键盘释放事件 onkeyup

• 10 、键盘按住事件 onkeypress

• 11、失去焦点事件 onblur

• 12 、获取焦点事件 onfocus

• 13 、选项改变事件 onchange

• 14、 加载事件 onload 页面加载 ，窗体加载

• 15、 表单提交事件 onsubmit 为了阻止表单提交 该事件返回 true 可提交，返回 false 不可提交