10.js总结API

 

        //默认点击cl3是  321
	    //加true  123
	//stopPropagatio 阻止冒泡事件
	document.getElementById("cl1").addEventListener('click',function(){
		console.log('1');
	},true)
	
	document.getElementById("cl2").addEventListener('click',function(){
		console.log('2');
	},true)
	
	document.getElementById("cl3").addEventListener('click',function(){
		console.log('3');
	},true)
	
	document.getElementById("cl3").addEventListener('click',function(){
		console.log('4');
	},true)
	
	 document.addEventListener("visibilitychange", function (e) {
		//document.hidden === true 离开页面
		//document.hidden === false 显示页面
    });

settimeoout：设置一个定时器，在定时器到期后执行一个函数或是指定代码。

clearTimeout:取消执行的定时器。

document.querySelectorAll（）：接受一个选择器，返回选择器下的所有元素。

onmouseenter：鼠标移入。

onmouseleave：鼠标移除。

preventDefault：阻止默认动作。

getAttribute：返回元素上一个指定的属性值。

document.querySelector：返回文档中与指定选择器或选择器组匹配的第一个html元素 Element。

document.querySelectorAll：返回与指定的选择器组匹配的文档中的元素列表 (使用深度优先的先序遍历文档的节点)

window.onscroll：在document视图或者一个element在滚动的时候，会触发元素的scroll事件。

window.scrollY：获取窗口滚动的高度。

offsetTop:元素距离页面顶部的距离。

windows.scrollTo（左右，上下）：滑动到某个位置。

outerWidth()： 方法返回第一个匹配元素的外部宽度。

可选。布尔值，规定是否包含 margin。

• false - 默认。不包含 margin。
• true - 包含 margin。

缓动code

缓动速查表

缓动中文文档

立即执行函数
!function(){
	var person = {
            name：'小王'，
            age:18
        }
        window.get_name = function(){
            return person.name;
        }
}.call()
//闭包
get_name();