34BOM-navigation——js基础

葛景龙
2023-12-01
<!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>
34BOM-navigation——js基础

相关阅读

相关文章

相关问答

相关文档
