码迷,mamicode.com
首页 > Web开发 > 详细

html回顾随笔JS(*^__^*)

时间:2017-11-07 14:20:09      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:insert   inter   个数   com   str   style   基本   http   相对   

---恢复内容开始---


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里的元素放入数组

 

 








  

---恢复内容结束---

html回顾随笔JS(*^__^*)

标签:insert   inter   个数   com   str   style   基本   http   相对   

原文地址:http://www.cnblogs.com/RonnieQin/p/6991774.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!