当前位置： 移动技术网 > IT编程>网页制作>Html5 > 前端基础知识之浏览器模型

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

2018年03月18日  | 移动技术网IT编程  | 我要评论

丹武乾坤5200,家有儿女之疯狂假期,杭州计量学院

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 - 常用，获取用户浏览器的信息

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网