JS基础

没有顺序 - 

想起哪里 看到哪里记哪里 --

——

JS原生方法： 

onmouseover() 入

onmouseout() 出

 

 元素节点：

 a.childNodes;//获取a的全部子节点；

 a.parentNode;//获取a的父节点；

 a.nextSibling;//获取a的下一个兄弟节点

a.previousSibling;//获取a的上一个兄弟节点

 a.firstChild;//获取a的第一个子节点

 a.lastChild; //获取a的最后一个子节点

firstElementChild获取第一个子节点 

使用firstElementChild来获取第一个子元素的时候，这就没有firstChild的那种情况了 他并不会匹配换行和空格信息

lastElementChild获取最后一个子节点

类似

获取上一个兄弟节点  

previousSibling和previousElementSibling。

获取下一个兄弟节点

nextSibling和nextElementSibling

 如果要使用childNodes就必须进行必要的过滤。通过正则表达式式取掉不必要的信息。下面是过滤掉

//去掉换行的空格
for(var i=0; i<b.length;i++){
if(b[i].nodeName == "#text" && !/\s/.test(b.nodeValue)){
document.getElementById("test").removeChild(b[i]);
}
}
//打印测试
for(var i=0;i<b.length;i++){
console.log(i+"---------")
console.log(b[i]);
}
//补充 document.getElementById("test").childElementCount; 可以直接获取长度 同length

 

 

运算符   

  ·运算符优先级  

类型转换规则 

！：隐式类型转换    ---会将对象转换，首先转布尔类型  ，对象转布尔值都是真 true

 

点击A标签的子集不跳转，阻止默认行为

e.preventDefault();            

 

document.documentElement.clientHeight   返回html的可用高度

 随机数生成公式： 

Math.floor(Math.random()*(max-min+1)+min);

//

//加载页面时执行一次
changeMargin();

//监听浏览器宽度的改变
window.onresize = function(){
changeMargin();
}

=======================================================================

定时器： 

setInterval  有缺点

• 使用setInterval时，某些间隔会被跳过；
• 可能多个定时器会连续执行；

 

setTimeout模拟setInterval

setTimeout(function () {

// 任务 setTimeout(arguments.callee, interval);

}, interval)  

 

警告：在严格模式下，第5版 ECMAScript (ES5) 禁止使用 arguments.callee()。当一个函数必须调用自身的时候, 避免使用 arguments.callee(), 通过要么给函数表达式一个名字,要么使用一个函数声明.

function fun() {

    //....do something;

    setTimeout(fun, 1000);

}

 

===============================================掘金： https://juejin.im/pins/recommended

关于各种宽高：

页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth (包括边线的宽);
网页可见区域高： document.body.offsetHeight (包括边线的宽);
网页正文全文宽： document.body.scrollWidth;
网页正文全文高： document.body.scrollHeight;
网页被卷去的高： document.body.scrollTop;
网页被卷去的左： document.body.scrollLeft;
网页正文部分上： window.screenTop;
网页正文部分左： window.screenLeft;
屏幕分辨率的高： window.screen.height;
屏幕分辨率的宽： window.screen.width;
屏幕可用工作区高度： window.screen.availHeight;