BOM-----浏览器对象模型

1.BOM(Browser Object Model)即浏览器对象模型。
其核心对象是window;
与浏览器窗口交互的一些对象:
例如:
可以移动、调整浏览器大小的window对象,
可以用于导航的location对象与history对象,
可以获取浏览器、操作系统与用户屏幕信息的navigator与screen对象,
可以使用document作为访问HTML文档的入口,管理框架的frames对象等。
2.BOM------location对象

     /**
     * 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);
    //地址栏#及后面的内容
    console.log(window.location.hash);
    //地址栏#及后面的内容
    console.log(window.location.hash);
    //地址栏#及后面的内容
    console.log(window.location.hash);
    //设置跳转页面的地址
            //location.href="http://www.jd.com";//属性--------重要
            //location.assign("http://www.jd.com");//方法
            //location.reload();//重新加载----刷新
            location.replace("http://www.jd.com");//跳转,没有历史纪录

3.BOM-----history对象

 window.history.forward();//----前进
 window.history.back();//----后退

4.BOM-----navigator对象

    //获取系统和浏览器的信息
    //通过platform可以判断浏览器所在的系统平台类型
    console.log(window.navigator.platform);
    //通过userAgent可以获取系统,浏览器的信息
    console.log(window.navigator.userAgent);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值