JavaScript BOM

window 尺寸:

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:(目前主流浏览器):

  • window.innerHeight - 浏览器窗口的内部高度
  • window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5:
document.documentElement.clientHeight document.documentElement.clientWidth
或者
document.body.clientHeight document.body.clientWidth

Others:

  • window.open() - 打开新窗口
  • window.close() - 关闭当前窗口
  • window.moveTo() - 移动当前窗口:
    window.moveTo(x,y) 两个参数 移动到新位置的x,y参数
  • window.resizeTo() - 调整当前窗口的尺寸

window Screen:(screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏。)

  • screen.availWidth - 可用的屏幕宽度
  • screen.availHeight - 可用的屏幕高度
    实例:
    document.write("可用高度: " + screen.availHeight);

Window Location:

  • location.hostname 返回 web 主机的域名
  • location.pathname 返回当前页面的路径和文件名
  • location.port 返回 web 主机的端口 (80 或 443)
  • location.protocol 返回所使用的 web 协议(http:// 或 https://)

Window location Href

document.write(location.href);//返回带协议的url

Window Location Assign

location.assign()方法加载新的文档。在同路径下进入别的文档

Window History

history.back() 后退
history.forward() 向前

Window Nacigator:

window.navigator 有关访问者浏览器的信息
类似python爬虫中的伪造浏览器所使用的信息

来自 navigator 对象的信息具有误导性,不应该被用于检测浏览器版本,这是因为:

  • navigator 数据可被浏览器使用者更改
  • 一些浏览器对测试站点会识别错误
  • 浏览器无法报告晚于浏览器发布的新操作系统

你可能感兴趣的:(JavaScript BOM)