欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端基础知识之浏览器模型

程序员文章站 2022-07-09 17:58:48
window对象 1、确定浏览器窗口的尺寸的方法 >ie8,chrome,safari等现代浏览器: window.innerHeight - 浏览器窗口的内部高度(不包含控制台的height) window.innerWidth - 浏览器窗口的内部宽度(不包含控制台的width) ie5,6, ......

window对象

1、确定浏览器窗口的尺寸的方法 

>ie8,chrome,safari等现代浏览器:

  • window.innerHeight - 浏览器窗口的内部高度(不包含控制台的height)
  • window.innerWidth - 浏览器窗口的内部宽度(不包含控制台的width)

ie5,6,7,8:

  • document.documentElement.clientHeight- 浏览器窗口的内部高度(不包含控制台的height)
  • document.documentElement.clientWidth - 浏览器窗口的内部宽度(不包含控制台的width)

2、打开新窗口api:

  • window.open() - 常用

用户屏幕信息的对象(window.screen)

  • screen.availWidth - 屏幕可用的宽度
  • screen.availHeight - 屏幕可用的高度

当前页面的地址对象(window.location)

  • location.href - 获取当前页面的完整地址
  • location.hostname - 获取当前页面主机的域名
  • location.pathname - 获取当前页面的路径和文件名
  • location.port - 获取web主机的端口
  • location.protocol - 获取所使用的web协议(http或者https)

浏览器的历史信息(window.history)

  • history.go(number) - 参数是数字,栗子:-1代表上一个页面,1代表下一个页面,-2,2同理
  • history.back() - 返回上一个页面
  • history.forward() - 进入下一个页面

有关访问者浏览器的信息(window.navigator)

  • navigator.userAgent - 常用,获取用户浏览器的信息