从零开始的Java再学习-DAY12

JavaScript

1.操作BOM对象

1.BOM：浏览器对象模型，主流浏览器有chrome（谷歌），safari（苹果），Firefox（火狐），IE6~11；

2.window代表浏览器窗口，window.alert(1)为弹出文本1的窗口；

3.Navigator封装了浏览器信息，但信息可以被人为修改，不建议通过该方法判断；

4.screen代表屏幕尺寸；

5.location代表当前页面的URL信息；

6.document代表当前的页面，HTML，DOM文档树，可以获取具体的文档树节点和cookie（如你在淘宝上登录了，天猫网页也会自动登录，就是利用cookie原理）；

7.history代表浏览器历史记录，back（）为后退，forward（）为前进；

2.操作DOM对象

1.DOM：文档对象模型。浏览器网页本身就是一个DOM树形结构，如body为树根，下面连着其他节点的标签分支；

2.可对DOM进行更删改查操作，要进行这些操作需要先获取该DOM节点（getElementsBy…），获取body这类标签是ByTagName，而且获取的值是数组类型；

3.更新节点：innerText修改文本值（覆盖性），innerHTML以HTML格式修改，style…修改样式；

4.删除节点：要先获取要删除节点的父节点，再通过父节点删除节点（removeChild（）），在获取父节点后子节点可用children[下标]表示，但要注意删除多个节点时下标是会动态发生变化的；

5.创建/插入节点：inner在修改空值时也算一种插入节点方式，但不为空就会覆盖原值，因此可通过包裹类.appendChild（插入类）进行操作，该方法是对已有节点进行的插入，若想插入新节点需要先创建（createElement（标签）），在对其赋予id和value（setAttribute(“类型”，“值”)）后同样通过appendChild插入。另外还有insertBefore（插入节点，被插入节点）；

3.操作表单

1.要操作表单先对其获取，直接DOM获取表单节点，通过.value（）获取表单节点的值或在这基础上用等号赋值来修改；

2.查看节点是否被选中（如radio，checkbox等），通过.checked（）方法检查，选中返回true，反之；

3.button标签可通过属性οnclick=“方法”当作触发器触发点击事件；

4.登录时输入的密码能被当作节点获取，因此可通过MD5进行加密，先通过网上查找到的MD5工具类js导入到需要加密的html文件，然后通过md5（密码）即可；

5.表单优化通常通过隐藏域（hidden）实现，如密码被md5加密一瞬间会变长，可以通过另创一个获取密码的标签，通过新标签来获取旧标签的值，从而返回后端，即一个标签仅仅只是用作输入，一个标签用作获取输入的值并发送数据；

4.jQuery

1.一个存在大量js函数的库；

2.引入jQuery可以通过cdn引入，通过网上搜索jQuery的cdn（为html格式），复制粘贴到对应需要用到的html文件即可。另一种就是通过下载把jQuery下载下来并移动到开发的包中再引入。总的来说一种线上一种线下；

3.jQuery使用公式：$(selector).action()；

4.jQuery基本选择器（selector）就是直接p（标签选择器），#id（id选择器），.class（类选择器）；

5.$(function(){$(selector).action()})为网页元素加载完毕后的响应事件（action），多个事件层层响应用大括号表示；

6.jQuery操作DOM也是使用公式实现，如$("#id").text("设置一个值")，该方法就是获取id的值并重新设置一个值。css也可通过该公式实现，只要把text换成css即可；