BOM操作及浏览器属性

  1. 1.获取浏览器宽高度
    包含滚动条
    window.innerWidth 浏览器宽度
    window.innerHeight 浏览器高度
    不包含滚动条 浏览器属性(前面拖拽获取过呀)
    doucument.documentElement.clinetHeight||doucument.body.clientHeight(有些浏览器不兼容,使用这种方式)
    doucument.documentElement.clientWidth||doucument.body.clineWidth

  2. 浏览器地址信息 window.location

    获取url地址 window.location.href(如果像得到正确的中文地址字符串 有一个方法(decodeURIComponent(window.location.href))
    设定url地址 给标签添加事件,触发事件时设定一个跳转url地址
    oDiv.onclick = function(){
    window.location.href = ‘地址’}

  3. 浏览器对象信息 window.navigator
    window.navigator.userAgent 浏览器的型号,内核
    window.navigator.appVersion 浏览器的版本信息
    window.navigator.appName 浏览器软件名称
    window.navigator.platform 获取电脑操作信息

  4. 浏览器的历史记录 window.history*
    window.history.length 历史记录次数 浏览几个网页 有几次
    window.history.back() 上次浏览的页面
    window.history.forward 下一次浏览的页面
    window.history.go(数值) 设定跳转的浏览器次数 整数等于多次执行forward()负数等于执行多次back()

  5. 浏览器弹出层
    window.alert() 提示框
    window.prompt()输入框
    获取输入的数据,数据类型时字符串类型
    window.confilm()确认框
    执行结果为布尔类型

6.获取浏览器上卷的高度
兼容方式
上卷宽度

document.documentElement.scrollWith ||document.body.scrollTop

上卷高度

doucment.documentElement.scrollTop  || document.body.scrollTop
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值