34BOM-navigation——js基础

最新推荐文章于 2022-11-03 23:12:49 发布

StudiousTiger

最新推荐文章于 2022-11-03 23:12:49 发布

阅读量224

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/m0_45067620/article/details/107859215

版权

Tiger の JavaScript-基础专栏收录该内容

47 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            BOM 
                -浏览器对象模型
                -BOM可以使我们通过JS来操控浏览器
                -BOM对象
                    Window
                        -代表浏览器的窗口，也是网页中的全局对象
                    Navigator
                        -代表当前浏览器的信息，可以通过该对象识别不同的浏览器
                        -由于历史原因，navigator对象中的大部分属性已经不能帮我们识别浏览器了
                        -一般我们只会使用userAgent来判断浏览器的信息
                            userAgent是一个字符串，这个字符串中包含用来描述浏览器信息的内容，不同的浏览器会有不同
                            的userAgent
                    Location
                        -代表当前浏览器的地址栏信息，通过location可以获取地址栏信息，或者跳转页面
                    History
                        -代表浏览器的历史记录，可以通过该对象来操控浏览器的历史记录
                            由于隐私的原因，该对象不能获取具体的历史记录，只能操作浏览器向前或向后翻页
                            而且只能在当次历史记录
                    Screen
                        -代表用户的屏幕信息，通过该对象可以获取到用户的显示器的相关信息
                
                这些BOM对象在浏览器中作为window对象的属性保存，可以通过window对象来使用，也可以直接使用
                window.navigation 或 navigation

        */
        // 判断使用的浏览器的类型(在Edge中用Chrome的内核，所以不能通过Edge和Chrome相同)
        window.οnlοad=function(){
            // alert(navigator.userAgent);
            if(/chrome/i.test(navigator.userAgent)){
                alert("这是Chrome浏览器");
            }else if(/firefox/i.test(navigator.userAgent)){
                alert("这是火狐浏览器")
            }else if(/msie/i.test(navigator.userAgent)){
                alert("这是IE浏览器");
            }
        };
    </script>
</head>
<body>
    <a href="./35BOM-history.html">去P35</a>
</body>
</html>

StudiousTiger

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
34BOM-navigation——js基础

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* BO
复制链接

扫一扫