<title>window.open</title>

<script type="text/javascript">

  function Wopen(){

      window.open("http:www.imooc.com","_blank","width=600,height=400,top=100,left=0")

  } 

</script>

offsetLeft与style.left的对比：

style.left返回的是字符串，是可读写的，而offsetLeft是只读的

style.left的值需要提前定义，否则取值为空

body可以看作整个页面

div1是body的子元素

    offsetleft是div1子元素相对于父元素body的左位移

    offsetTop是div1子元素相对于父元素body的顶部位移

div2是div1的子元素

    offsetleft是div2子元素相对于父元素div1的左位移

    offsetTop是div2子元素相对于父元素div2的顶部位移

offsetHeight是元素的高offsetWidth是元素的宽，不包括滚动条

clientY和clientX是鼠标的X\Y坐标相对于整个页面，而不是子元素

onmouseover:会在鼠标指针移动到指定的对象上时发生。

onmouseout：会在鼠标指针移出指定的对象时发生。

onmousemove：会在鼠标指针移动时发生。

放大镜的移动方向和大图片的移动方向：横向和纵向都是相反，才可以保证同步。

offsetLeft与style.left对比

1. style.left返回的时字符串，如30px，offsetLeft返回的是数值30；

2. style.left是可读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left

3. style.left的值需要事项定义，否则取到的值为空

offsetLeft、offsetTop是相对于父容器来说的，

clientX、clientY是相对于窗口来说的

制作放大镜特效所需的技术点

放大镜的原理

移动的原理

offsetLeft、offsetTop是相对于父容器来说的，

clientX、clientY是相对于窗口来说的

浏览器兼容性测试：测试工具IETester

offsetLeft与style.left的区别

offsetWidth、offsetHeight不包含滚动条

onmouseover

onmouseout

onmousemove

offsetLeft与style.left对比

1. style.left返回的时字符串，如30px，offsetLeft返回的是数值30；

2. style.left是可读写的，offsetLeft是只读的，所以要改变div的位置，只能修改style.left

3. style.left的值需要事项定义，否则取到的值为空
   

onmouseover：会在鼠标指针移动到指定的对象上时发生

onmouseout：会在鼠标指针移出指定的对象时发生

onmousemove：会在鼠标指针移动时发生

offsetLeft与style.left的区别

位置获取