1.   // 1.location对象
    2.     // (1) 获取url地址
    3.     var urlStr = location.href;
    4.     console.log('urlStr:', urlStr);
    6.     // (2) 用location.href进行页面跳转
    7.     location.href = 'http://www.baidu.com';
    8.     // (2) 页面参数传递,比如a页面要传数据给b页面
    9.     location.href = 'http://www.baidu.com?a=222&b=333';
    11.     // (3) location.search 获取浏览器地址?开始的参数
    12.     // 作业: 把字符 ?a=123&b=456,使用对象存起来,比如: {a:123,b:456}
    13.     // var str = '?a=123&b=456';
    14.     // var obj = {};
    15.     var params = location.search;
    1. // (4) 延迟执行 
    2.     setTimeout(function() {
    3.         console.log('一秒后执行')
    4.     }, 1000);
    6.     // (5) setInterval 定时器
    7.     var count = 0;
    8.     var timer = setInterval(function() {
    9.         console.log(count++);
    10.         // 当count等于10的时候,清除定时器
    11.         if (count === 10) {
    12.             // 清除定时器
    13.             clearInterval(timer);
    14.         }
    15.     }, 1000);
    1.   // 导航
    2.     // navigator
    4.       // history对象
    5.     history.back();
    6.     history.forward();
    7.     history.go();
    1. location.href 获取浏览器地址 (window.location)
    2. location.href = 'http://www.baidu.com' // 跳转到百度
    3. location.href = 'http://www.baidu.com?username=huruqing'
    4. // 跳转到百度的时候,加上参数 username=huruqing
    5. setTimeout 延迟
    6. setInterval 定时器和清除定时器
    7. navigator: userAgent 用来判断用户在使用什么设备
    1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>Document</title>
    9. </head>
    11. <body>
    12.     <h3>正在判断用户设备......</h3>
    14.     <script>
    15.         // 判断用户使用设备
    16.         //js判断是否移动端
    17.         function fIsMobile() {
    18.             return /Android|iPhone|iPad|iPod|BlackBerry|webOS|Windows Phone|SymbianOS|IEMobile|Opera Mini/i.test(navigator.userAgent);
    19.         }
    21.         setTimeout(function() {
    22.             var res = fIsMobile();
    23.             if (res) {
    24.                 location.href = './mobile.html';
    25.             } else {
    26.                 location.href = './pc.html';
    27.             }
    28.         }, 3000);
    29.     </script>
    30. </body>
    31. </html>
    1. history对象  浏览器历史对象
    3. history.back();
    4. history.forward();
    5. history.go();