学完之后学习 Java Web零基础入门之JQuery
视频链接：
参考手册：
简介：
JavaScript语言可以动态的美化页面、验证表单的数据，需要浏览器解析执行JS代码特点：
交互性（JS可完成信息的动态交互）安全性（不允许直接访问本地硬盘）跨平台性（只要是可以解析JS的浏览器都可执行，与平台无关）注意：JavaScript与Java无关联，JS是弱类型，Java是强类型
强类型是定义变量时类型已经确定且不可变，弱类型是类型可变
代码示例
创建单独的JS文件使用script标签引入JS文件
数值类型： number字符串类型： string （首字母小写）对象类型： Object布尔类型： boolean函数类型： function
undefined：未定义，所有JS变量未赋予初始值时默认值均为undefinednull：空值NaN：非数字，因为运算不能执行而导致，如数值和字符串运算，属于number类型
var 变量名；var 变量名 = 值；
是JS语言提供的一个函数，它可以返回参数的类型是JS语言提供的一个函数，它可以弹出一个提示框输出（）里面的内容JS语言中的注释写法与java一致
等于，符号：==，简单的做字面值的比较全等于，符号：===，除了做字面值的比较之外，还会比较两个变量的数据类型是否一致
：且运算
第一种情况：表达式全为真，返回最后一个表达式的值
第二种情况：表达式有一个为假，返回第一个为假的表达式的值（不是返回第一个表达式的值）：或运算
第一种情况：表达式全为假，返回最后一个表达式的值
第二种情况：表达式有一个为真，返回第一个为真的表达式的值（不是返回第一个表达式的值）：取反运算注意：&&与||采取短路的策略，即确定了结果后，后面的表达式不再进行判断
在JS语言中所有的变量都可以作为一个boolean类型使用，且0、null、undefined、
" "（空串）都认为是false
数组的定义方式：
var 数组名 = [ ]；//空数组var 数组名 = [1,’abc’，true]；//定义数组的同时赋值，元素可多种类型 注意：
通过数组下标赋值，会根据最大下标值给数组自动扩容，默认值为undefined
读取数组中已定义元素范围之外的元素，值为undefined，且读取不会自动扩容
注意：在JS语言中只需在函数体内直接使用return语句即可返回值，无需声明返回值类型
代码示例：
代码示例：
在JS中没有重载的概念，如果声明了多个重名的函数，不管函数的形参个数是否一致，不管调 用时传入几个参数，只会调用同名函数中的最后一个（会覆盖掉之前），如：
在函数调用时，浏览器每次都会传递进封装实参的对象arguments，虽然没有给被调用者定义形参， 但依然可以通过arguments调用传递进来的实参：
arguments[i]: 获得传入的下标为i的参数值arguments.length: 获得传入的参数个数arguments.callee: 获得该函数本身（返回定义时的写法）
注意：arguments是函数内固有变量，以数组的形式保存了调用方给该函数传入的所有参数
var 对象名 = new Object（）；//创建了一个空对象对象名。属性名 = 值；//给此对象定义属性对象名。函数名 = function（） {} //给此对象定义函数对象名。属性名/函数名（）；//对象的访问
代码示例：
事件的概念
电脑输入设备与页面进行交互的响应
常用的事件
onload：页面加载完成事件，浏览器解析完页面之后就会自动触发的事件onclick：单击事件，常用于按钮的点击响应操作onblur：失去焦点事件（点中输入框准备输入数据时，光标闪烁，称为焦点），常用于输入 框失去焦点后验证其输入内容是否合法onchange：内容发生改变事件，常用于下拉列表选中项发生改变后操作onsubmit：
表单提交事件，常用于表单提交之前验证所有表单项是否合法onsubmit事件中return false可以阻止表单提交
事件的注册（绑定）
告诉浏览器当事件响应后要执行哪些代码
静态注册事件：通过HTML标签的事件属性直接赋予事件响应后的代码（写成函数形式）
动态注册事件：
通过document对象获取标签对象（Dom对象）
通过标签对象。事件名 = function（） {} 赋予事件响应后的代码，代表此标签具有此事件
是固定写法
代码示例：静态注册onload事件
代码示例：动态注册onload事件
代码示例：动态注册onclick事件
代码示例：静态注册onblur事件
代码示例：动态注册onblur事件
代码示例：静态注册onchange事件
代码示例：动态注册onchange事件：
代码示例：静态注册onsubmit事件
代码示例：动态注册onsubmit事件
DOM全称是：Document Object Model （文档对象模型），即把文档中的标签、属性、标签的值（文本） 转换成对象来管理
Document管理了HTML文档的所有内容，将这些内容都对象化Document是一种树形结构，有层级关系可以通过Document访问所有的对象
加s的是返回对象集合查询优先顺序：id --> name --> tagName（越往后查询结果范围越大，还需过滤）三个查询方法一定要在页面加载完成之后执行才能查询到标签对象
节点即标签对象
appendChild（ChildNode）；添加一个子节点，ChildNode为添加的子节点createTextNode（Text）；创建一个以Text为内容的文本节点
childNodes：当前节点的所有子节点firstChild：当前节点的第一个子节点lastChild：当前节点的最后一个子节点parentNode：当前节点的父节点nextSibling：当前节点的下一个节点previousSibling：当前节点的上一个节点className：标签的class属性值innerHTML：标签中的内容（包括两边的标签）innerText：标签中的文本（不包括两边的标签）
注意：可以连写：document.getElementById（“xxx”）。事件名 = function （） {}
如果您觉得本文的内容对您的学习有所帮助：
关键字：
好听的英文歌 天籁之音 好听的英文歌曲