18-js-关于userAgent、history、location

最新推荐文章于 2024-10-31 16:01:51 发布

陀陀吖

最新推荐文章于 2024-10-31 16:01:51 发布

阅读量370

点赞数 1

分类专栏： javascript之webAPI

本文链接：https://blog.csdn.net/weixin_40422393/article/details/91049857

版权

javascript之webAPI 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--=============================================BOM=============================================================-->
    <script>
        /*
        * 浏览器的顶级对象：window
        * 页面的对象：document
        * 页面中所有的内容都属于浏览器，页面中所有的内容也都是window的
        *
        * */
    </script>

    <!--============================location  地址栏的地址操作======================================================-->
    <script>

        //对象中的属性和方法
        //location对象    地址栏上的地址的操作
        //console.log(window.location);

        //    //地址栏上#及后面的内容
        //    console.log(window.location.hash);
        //    //主机名及端口号
        //    console.log(window.location.host);
        //    //主机名
        //    console.log(window.location.hostname);
        //    //文件的路径---相对路径
        //    console.log(window.location.pathname);
        //    //端口号
        //    console.log(window.location.port);
        //    //协议
        //    console.log(window.location.protocol);
        //    //搜索的内容
        //    console.log(window.location.search);

        onload=function () {
            document.getElementById("btn").onclick=function () {
                //设置跳转的页面的地址
                //location.href="http://www.jd.com";//属性----------------->必须记住
                //location.assign("http://www.jd.com");//方法
                //location.reload();//重新加载--刷新
                //location.replace("http://www.jd.com");//没有历史记录
            };
        };

    </script>

    <!--============================================历史记录的后退和前进 history:====================================-->
    <script>
        my$("btn2").onclick = function () {
            window.history.forward();
        };

        //back()后退 forward()前进
    </script>

    <!-- =======================================navigator 获取系统和浏览器的信息的====================================-->

    <script>
      //  通过userAgent可以判断用户浏览器的类型
        console.log(window.navigator.userAgent);
        //通过platform可以判断浏览器所在的系统平台类型.
        //console.log(window.navigator.platform);
    </script>

</head>
<body>
<input type="button" value="显示效果" id="btn"/>

<input type="button" value="前进" id="btn2"/>

</body>
</html>