JS总结

js不能隐式迭代 不能操作一堆 只能进行单个操作;
事件的委托;
父委托事件给子执行;
toLowerCase 转换为小写
toupperCase 转化为大写
this 当前对象;
事件里的this,当前dom元素对象;

元素操作:

var ulele = document.getElementsByTagName(“ul”)[0];
过滤出节点type 1
for(var i=0;i<ulele.childNodes.length;i++)
{
if(ulele.childNodes[i].nodeType==1)
{
console.log(ulele.childNodes[i]);}}
this.nodeType元素节点返回1 文本节点返回3 注释返回8;
this.childNodes返回当前元素的子节点 集合类型
this.childNodes[0].nodeValue返回当前子节点的节点值
parentNode 父节点;
nextSibling 下一个节点同胞元素
previousSibling 上一个节点同胞元素
nextElementSibling 下一个同胞元素
previousElementSibling 上一个同胞元素
.parentElemrnt获取当前节点的父元素
//
.children获取当前元素的子元素
.firstChild获取的是第一个节点
.lastChild获取的是第一个节点
.firstElementChild获取的是第一个元素
.lastElementChild获取的是第一个元素
.childElementCount获取当前子元素的个数
**
document.createElement(“div”);创建的dom
添加dom元素>在获取;
window.getComputedStyle(div).width内嵌样式的获取方式
className=“btnlist”;类名称操作:将其class名给"btnlist";
offsetLeft 左偏移量
offsetTop 上偏移量
offsetTop 上偏移量
offsetTop 上偏移量
.offsetParent返回偏移容器 父容器
给dom元素设置自定义属性btn.setAttribute(“data-index”,0);
获取自定义属性console.log(btn.getAttribute(“data-index”));
获取或设置元素html文本btn.innerHTML
获取或设置元素的文本btn.innerText

---

对象-数组
数组关键字 Array
实例化 new
new 数组的时候 写一个值 代表的是数组的长度
数组属性:length(长度);
concat 拼接数组
every 检测数组里面所有元素是否符合条件 true false
fill 固定值替换 不写后两个参数 全替换 原数组受影响
filter 过滤方法 过滤出满足条件的元素
find 找数组满足条件的返回第一个值
forEach 数组遍历方法 相当代替for遍历数组 无返回值
map 映射 产生新数组 不写返回值 类似遍历数组
reduce 累计器
reserve 倒序
some 判断

排序
var o=[9,1,4,2,5,3,7,6,8];
console.log(o.sort())默认小-大
o.sort(function (n1,n2){
return n2-n1;
});
console.log(o);

var h=[1,2,3];
剩下方法 一对
push 后追加 unshift 前追加
h.push(4);
h.unshift(0);
两个删除 pop 后删除 shift 前删除
h.pop();
h.shift();
数组截断 slice splice
console.log(h.slice(0, 2));返回值为截取的值
console.log(h.splice(0, 2));返回也是截取的值 原数组受影响
console.log(h);

---

数据类型转换
.toString()
parseInt(str)
parseFloat(str)
字符串的方法:
将字符串转化为数组.split("")以什么符号分割;
将数组转化为字符串
.toString()
.join("")以什么符号拼接;
.indexOf(‘a’,0)返回值是找到字符返回对应的索引位;
.indexOf(‘a’,1)查找字符 找不到返回-1;
.indexOf(‘f’)检测是否有字符 有返回索引没有返回-1;
.search(‘d’)查找字符返回当前索引位

字符串截断
起始索引 长度.substr(1, 2)
起始索引 终止索引.substring(1, 4)截取的字符串
.slice(1,4)
字符的替换.replace(‘a’, “m”)
字符串的拼接.concat(k,h),.concat(k).concat(h)
根据索引取字符.charAt(0)
返回字符串的长度.length
遍历字符串
for(var i=0;i<s1.length;i++)
{
console.log(s1.charAt(i));
}
遍历 for in
for(var index in s1)
{
console.log(s1.charAt(index));
}

获取页面宽高

“可视区域高：”+document.documentElement.clientHeight);
“可视区域宽：”+document.documentElement.clientWidth);
“body的真实高：”+document.body.clientHeight);
“body的真实宽：”+document.body.clientWidth);
获取屏幕宽和高不包涵任务栏
window.screen.availHeight
window.screen.availWidth
获取屏幕的实际宽和高 包涵任务栏
window.screen.height
window.screen.width
浏览器上边距和做边距
window.screenTop
window.screenLeft
滚动条滑动距
window.scrollX
window.scrollY
document.documentElement.scrollTop
document.documentElement.scrollLeft

排序:

冒泡: