BOM-----知识点讲解

最新推荐文章于 2024-05-20 15:17:08 发布

郭雨婷01

最新推荐文章于 2024-05-20 15:17:08 发布

阅读量64

点赞数 1

文章标签： javascript 前端 html5

本文链接：https://blog.csdn.net/m0_51272779/article/details/124861893

版权

什么是BOM

BOM：Browser Object Model
一系列与浏览器相关的信息

思维导图

在这里插入图片描述

1. window对象

1.window 是浏览器留给js的总入口
2.全局变量都是window的属性，全局函数都是window的方法

console.log(window.screenX, window.screenY);
    console.log(window.innerWidth,window.innerHeight)
    console.log(window.outerWidth,window.outerHeight)

open() close()

 function to() {
        window.open('lurenjia.html', '_blank', 'width=500, height=500');
    }

1. window子对象

location对象

 3. location  地址栏
    function to() {
        // a标签跳转的原理
        location.href = 'lurenjia.html';
    }

navigator 浏览器状态

 4. navigator 浏览器状态
    console.log(navigator,navigator.userAgent);

判断是否是移动端

 function isMobile() {
        // 移动端操作系统
        var mobiles = ["Android", "iPhone", "iPad", "iPod", "Symbian", "BlackBerry"];
        for (var i=0; i<mobiles.length; i++) {
            if (navigator.userAgent.indexOf(mobiles[i]) !== -1) {
                return true;
            }
        }
        return false;
    }