html回顾随笔JS(*^__^*)
---恢复内容开始---
map遍历
function b(){
var week = new Map();
week.set("Mon","星期一");
week.set("tues","星期二");
week.set("Wed","星期三");
week.set("thurs","星期四");
value = week.get("thurs"); console.log((week.get("thurs")));
week.delete("thurs");
week.forEach(function(key,value){
//(key , value, map对象)
// console.log(value+":"+key+"="+map);
console.log(value);
});
} 2016.6.8 通过js我们可以给元素加属性 例如
在循环体内
xxx[i].index = i
我们可以给元素加上 index的属性。 josn{a:1,b:2,c:"10"}
json['a'] =1 ;
array[1,2,"10"];
array[0]=1; json与array的区别 array的下标是数字,json的下标是字符串。
数组splice(a, b)从a个位置删除b个元素
splice(a,b,"c","b")从a个删除b插入“c”“b”
concat 链接数组
a.concat(b) 数组a后面连接b
a=[1,2,3,4]
a.join('--p')a之间的元素用--p连接 数组a.sort()字符串排序
数组数字排序
a.sort(function(n1,n2){
return n1-n2;
//比较函数作为参数
}) 时间Date 定时器
setInterval(show,1000)一直持续执行
setTimeout(show,1000)执行一次

but1启动定时器
but2 关闭定时器
定时器 有一秒钟延迟,所以我们可以在定时器底下直接调用定时器需要调用的方法排除一秒的延时

childerNodes 除IE6-8外都为加上空的文本节点

nodeType 3 =》文本节点 1=》元素节点
但是children不包含文本节点

且子节点只算第一层,不算再内的层
offsetParent
css复习:绝对定位的元素根据相对定位的父级位置定位
offsetParent是获取元素决定定位的父元素

通过class 来获取元素
Dom操作添加元素
1.先用createElement加一个元素,但是此时并不会显示到页面上。
2.我们在父元素通过调用appendChild(子节点)来加入到父元素下。
e.g

插入元素:
appendChild是插入到末尾。
insertBefore是之前插入。
父级.appendChild(子节点)
父级.insertBefore(子节点,a[0])
为了避免无元素的情况做个判断

了解 文档碎片(基本不怎么用):
1.创建文碎片oFrag = document.createDocumentFragment();
2.循环 向碎片里面加元素 oFrag.appendChild(oLi);
3.一次向oUl里加入碎片 oUl.appendChild(oFrag);
appendchild()1.先将元素从父级上删掉,在加入新的父级
dom操作:
search(Txt) 模糊查找 匹配到返回首次匹配的位置,未匹配到返回-1
忽略大小写将两个字符串都toLowerCase();
表格获取 元素:
tBodies tHead tFoot rows cells

aLi在这里并不是Array 只是元素集合 而sort只是数组里的方法
我们可以创建一个数组将ali里的元素放入数组
---恢复内容结束---
随机推荐
- Python 编程快速上手 第五章总结
第五章 字典和结构化数据 创建数组 格式:myCat = {'size':'fat','color':'gray',disposition':'loud'} 对字典的操作 通过[ ] 访问字典的值 [ ...
- Sparksql的内置函数的使用以及案例
开发环境:spark:2.2.0 工具:IDEA OS:Windows 数据文件: 001E8CB5AB11,ASUSTek,2018-07-12 14:00:57,2018-07-12 14:00: ...
- 10 Node Frameworks to Use in 2019
原文 https://scotch.io/bar-talk/10-node-frameworks-to-use-in-2019 node Framworks列表: http://nodeframewo ...
- 『MXNet』第五弹_MXNet.image图像处理
简单处理API 读取图像: image.imdecode(open('../img/cat1.jpg', 'rb').read()) 图像类型转换: img.astype('float32') 图像增 ...
- k8s问题收集
问题 解决 failed: rpc error: code = Unknown desc = NetworkPlugin cni failed to set up pod "*****&qu ...
- img标签设置默认图片
为了美观当网页图片不存在时不显示叉叉图片 当在页面显示的时候,万一图片被移动了位置或者丢失的话,将会在页面显示一个带X的图片,很是影响用户的体验.即使使用alt属性给出了”图片XX”的提示信息,也起不 ...
- LINQ 常用from
单个form子句string[] values = { "LINQ学习", "LINQ基本语句", "from子句", "单个fr ...
- python, 在信用评级中,计算KS statistic值
# -*- coding: utf-8 -*- import pandas as pd from sklearn.grid_search import GridSearchCV from sklear ...
- Linux下zoopkeeper的安装和启动
Linux下zoopkeeper的安装和启动 1.什么是zookeeper ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubby一个开源的实现,是Hadoo ...
- QPainter使用不同风格的QBrush来填充区域
效果图: void WgtText::paintEvent(QPaintEvent *event) { QPainter painter(this); painter.setRenderHint(QP ...