JS 基础之BOM操作

Location

  • location.href 返回或者设置当前页面的地址,链接
  • window.open(‘网址链接’)
  • location.href = location.href; 刷新页面!
    location.reload(); 刷新页面!

history

  • history.back(); 上一个网页
  • history.forward() 下一个网页
  • history.go(-1) 上一个网页
  • history.go(-2) 上两个网页
  • history.go(1) 下一个网页

navigator

可以返回流量拿起信息 但是兼容性很差
navigator.userAgent 当前浏览器的相关信息,可以返回浏览器用户信息 ,各个浏览器信息都有这个,返回值可以查看使用的浏览器是什么浏览器
谷歌 chrome
火狐 firefox
ie MS IE
搜狗 Chrome

各种宽度值

screen:返回电脑显示器的相关信息
  • screen.width 浏览器窗口宽
    screen.height 浏览器窗口高
  • screenTop = screenX 浏览器距离屏幕上边的距离
    screenLeft = screenY 浏览器距离屏幕左边的距离
  • innerWidth 浏览器内容宽
    innerHeight 浏览器内容高
元素:宽高信息
  • offsetLeft/offsetTop
    计算元素相对父级的偏移距离
    包括left/top、margin,不包括translate
  • offsetWidth/offsetHeight
    包括width、padding、border,不包括margin
  • clientWidth/clientHeight
    //width + padding 不包括margin border

你可能感兴趣的:(JS)