BOM(03)

4种打开超链接的方法
1.替换当前窗口，可后退
替换当前窗口，可后退(js)
2.替换当前窗口，不能后退

3.在新窗口打开，可以打开多个

4.在新窗口打开，只能打开一个js

打开窗口
var newWindow = window.open(url,name,网页信息)
其中name代表页面的名称，这个属性不能省略
window.close();//关闭浏览器（某些浏览器不允许）

定时器
设置一个定时器var timer = setInterval(function(){},30//这里是毫秒为单位),清楚定时器clearInterval(timer//设置的定时器)
注意定时器中的人物函数中的this默认指向window，若想改变指向，用bind为人物函数永久绑定this
var mafei = {
sname : “Mafei”,
intr() {
console.log('My name is ’ + this.sname);
}
}
mafei.intr();
setTimeout(mafei.intr.bind(mafei),1000);

实例，让一个div做匀速运动

如果是缓冲运动，速度就要写成
iSpeed = (target - elem.offsetLeft) / 7;

透明度的缓冲
封装一个对象
var oDiv = document.getElementsByTagName(“div”)[0];
var timer = null;

	oDiv.onclick = function () {
		move(this , 50);
	}
	//封装了透明度opacity为target
	function move(elem , target) {
		// 开始之前先清除上一次定时器
		clearInterval(timer);
		//初始化
		var iSpeed = null , iCur = null;
		timer = setInterval( function () {
		//这里乘以100的目的是为了方便计算
			iCur = parseFloat(getStyle(elem , 'opacity')) * 100 ;
			iSpeed = (target - iCur) / 7 ;
												//向上取整                //向下取整
			iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
			if(iCur  == target) {
				clearInterval(timer);
			} else {
			//最后还原为原来的数值
				elem.style.opacity = (iCur + iSpeed) /100 ;	
			}				

		} , 30);
	}

	function getStyle (elem,prop) {
		// 如果是不兼容ComputedStyle
		if ( window.getComputedStyle ) {
			return window.getComputedStyle(elem,null)[prop];
		} else { // 否者
			return elem.currentStyle[prop];
		}
		
	}