javascript-小知识

1. navigator对象- - -检测是否为移动端，移动端切换到移动端页面，在head头部添加javascript语句：

<script>
        if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
            window.location.href = "../H5/index.html"; //手机
        }
</script>

1. this指向问题
   函数中this指向调用该函数的对象

2. 同步和异步
   从上到下，如果有语句要花一段时间执行，执行的同时会继续向下执行，如果后面的执行速度快，可能会先输出内容，后输出前面语句的内容

3. 获取url参数：location.search

4. location常见方法：
   location.assign()- - -跳转到新链接，有历史记录，可以跳回原来的地址
   location.replace()- - -跳转到新链接，没有历史记录
   location.reload(true)- - -刷新页面

5. history对象：
   history.forward()- - -前进
   history.back()- - -后退
   history.go(整数数字);- - -正数：前进几个链接，负数：后退几个链接

6. offset：
   offsetLeft- - -获取元素左偏移量
   offsetTop- - -获取元素上偏移量
   offsetWidth- - -获取元素宽度
   offsetHeight- - -获取圆度高度
   注意：
   offsetLeft、offsetTop父元素有定位的话，是相对于父元素的偏移量，没有父元素或者父元素没有定位，则相对 body 的偏移量

7. style也可以获取元素的宽度、高度等（eg:元素对象.style.width）.
   offset和style之间的区别：
   offset- - -只读，不能给样式赋值。
   style- - -读、写 都可以，但是只能读行内样式。
   小结：
   只读的话用offset，要赋值的话用style

8. 获取鼠标在盒子内的坐标：
   鼠标的坐标 - 盒子的偏移量
   X坐标：e.pageX - 盒子对象.offsetLeft
   Y坐标：e.pageY - 盒子对象.offsetTop
   注意：函数中要传参数事件对象- - -function（e）{、、、}