学完之后学习 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 （） {}