前端---js（自学笔记29)定时调用应用1

前提代码中所用到的知识

---

扩展：

offsetleft：

在不同的浏览器中其值不同，且与父元素的position属性（relative,absolute,fixed）有关。

现分以下几种情况说明：

在父元素均不设置position属性时，

在Chrome，opera和IE浏览器中offsetLeft是元素边框外侧到浏览器窗口内侧的距离且body.offsetLeft=0,

在firefox浏览器中offsetLeft是元素边框外侧到body内侧的距离body.offsetLeft=-边框宽度

当父元素设置position元素时又分为两种情况，

如果父元素时body且body设置了position属性，在Chrome和opera浏览器中offsetLeft是元素边框外侧到body边框外侧的距离，

在IE和fireForx浏览器中offsetLeft是元素边框外侧到body边框内侧的距离

如果父元素不是body元素且设置了position属性时，offsetLeft为元素边框外侧到父元素边框内侧的距离（各浏览器情况一致）。

---

window.getComputedStyle() 

链接：https://www.runoob.com/w3cnote/window-getcomputedstyle-method.html，直接看这个菜鸟教程里的详细介绍就可以

	
		
		
		
		
		
	
	
		
		点击按钮以后box1向右移动