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即可;