前端第二周，Javascript--navigator,location,history

1.navigator对象--- 浏览器信息对象:navigator对象专门用来获取浏览器信息的一个对象

        appName     浏览器名称

        console.log(navigator.appName);//'Netscape'是一个网景公司的名字

        appVersion  浏览器的平台和版本信息

        console.log(navigator.appversiom);//???

        platfrom    浏览器的操作系统平台

        console.log(navigator.platform);//win32

        cookieEnabled  是否支持cookie

        console.log(navigator.cookieEnabled);//true

        userAgent   用户代理信息！！ 简称UA，说白了可以确定是什么浏览器

        console.log(navigator.userAgent);//Chrome

       if (navigator.userAgent.indexOf('Chrome') != -1) {//-1是不存在取反是存在，存在就执行下列代码：

            alert('谷歌浏览器');

        } else if (navigator.userAgent.indexOf('Firefox') != -1) {

            alert('火狐浏览器');

        } else if (navigator.userAgent.indexOf('IE') != -1) {

            alert('IE浏览器');

        };

2. location对象  -- 地址栏对象：通过location对象可以实现操作地址栏的信息

 1.herf   获取和设置 地址栏的地址

      获取

        var a = location.href

        console.assert(a);

      设置

        location.herf = 'https://www.JD.com';

 2.search  获取地址栏的参数信息

        //说去地址栏中的和后面的参数内容

        //console.log(location.search);

 3.hash  获取地址栏的hash值

        hs.onclick = function () {

            console.log(location.hash);

        }

 4.reload()   刷新页面

        //location.reload();

        sx.onclick = function () {

            location.reload();

        }

3.history对象 --  浏览历史对象:history对象可以用来操作浏览器访问历史

       1.legnth  历史纪录的个数

        console.log(history.length);

        2.forward()  前进，前进到下一个历史记录

        btn2.onclick = function () {

            history.forward();

        }

        3.back   后退，后退到上一个历史记录

        btn1.onclick = function () {

            history.back();

        }

       4.go()   传参指定前进后退的部署

         //参数为一个数字，正值前进，负值后退，数字是几就操作几步