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 编程快速上手 第九章 组织文件
上一章节,主要讲了如何用 Python 进行创建并写入新文件.这一章节,讲了对如何用 Python 对文件进行进一步的操作,包括: 移动,复制,删除文件 改名 压缩文件 [shutil]移动,复制,删 ...
- 动态加载DataGrid表头及数据
初始化表头 js生成前端 /*初始化表头*/ function initDataGridTitle(id) { $.ajax({ url: '/${appName}/report/***/***', ...
- linux基础知识(1)
1.date man date :查看帮助 1. date [OPTION]... [+FORMAT]:显示时间 ,format表示格式符号 例如: date :Sun Dec 23 21:45:34 ...
- 《剑指offer》总结一
目录 1.二维数组中的查找(223ms) 2.替换空格(24ms) 3.从尾到头打印链表(22ms) 4.重建二叉树(37ms) 5.用两个栈实现队列 1.二维数组中的查找(223ms) 题目描述: ...
- Django中cookie&session的实现
1.什么叫Cookie Cookie翻译成中文是小甜点,小饼干的意思.在HTTP中它表示服务器送给客户端浏览器的小甜点.其实Cookie是key-value结构,类似于一个python中的字典.随着服 ...
- DP 租用游艇
洛谷P1359租用游艇 分析:这个游艇我看到题目下意识的就想将dp数组设为dp[i][j]表示i到j之间的最短距离,但题目上要求的只是从起点到终点的距离,这样设只是自找麻烦. 直接设成dp[i]表示从 ...
- <Matlab-3:追赶法(Doolittle分解)工具箱
function x=chase (d,e,f,b) % --------------------------------------------------------------- %the me ...
- position属性的总结
static 默认.位置设置为 static 的元素,它始终会处于页面流给予的位置(static 元素会忽略任何 top.bottom.left 或 right 声明). relative 位置被设置 ...
- opencv 中的mat类(非原创)
Mat最大的优势跟STL很相似,都是对内存进行动态的管理,不需要之前用户手动的管理内存,Mat这个类有两部分数据.一个是matrix header(矩阵头),这部分的大小是固定的,包含矩阵的大小,存储 ...
- 2017-6-5/MySQL分库分表
分库分表,顾名思义,就是把原本存储于一个库一张表的数据分块存储到多个库多张表上.对于大型互联网应用来说,当一张表的数据量达到百万.千万时,数据库每执行一次查询所花的时间会变多,并且数据库面临着极高的并 ...