Day008 - js应用（2018-11-13）

一、动态添加和删除元素

~兄弟选择器
+相邻兄弟选择器
a标签有默认的跳转页面的行为，有两种方法可以阻止它的默认行为
1- href设置为javascript:void(0) --（什么都不做）功能性链接
2- preventDefault()阻止事件的默认行为,低版本IE不适用evt.preventDefault();
document.createElement()创建新元素(标签)
在父类标签下面追加子类标签ul.appendChild(li);
insertBefore()第一个参数是需要添加的参数,第二个参数是需要在谁的前面插入添加
如果是lastChild,并且ul里面，li标签后面有回车,回车是最后一个节点(文本节点)
trim()去掉字符串左右两边的空白
input.focus()让文本框获得焦点,光标会在文本框上闪烁
removeChild():在父节点中删除子节点
键盘事件(keydown:按下按键，keypress: 某个键盘按键被按下并松开, keyup:按键弹起)
evt.keyCode或者evt.which返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。
a标签的href属性置空可以出现手指图表
查CSS在浏览器中预览效果

二、表格效果

直接调用匿名函数
方法一: (function (a, b){})(a, b);
方法二: +function (a, b){}(a, b);
可以采用此方法减少全局变量的使用

数据统计表
姓名	年龄	性别	身高	体重
Item1	Item2	Item3	Item4	Item5
Item1	Item2	Item3	Item4	Item5
Item1	Item2	Item3	Item4	Item5
Item1	Item2	Item3	Item4	Item5
Item1	Item2	Item3	Item4	Item5
Item1	Item2	Item3	Item4	Item5

三、闪烁的方块

className可以设置类名,与之前用类选择器.small写的CSS样式绑定,class是关键字

Day008 - js应用（2018-11-13）

一、动态添加和删除元素

二、表格效果

三、闪烁的方块

你可能感兴趣的:(Day008 - js应用（2018-11-13）)