前端基础知识之浏览器模型
程序员文章站
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 - 常用,获取用户浏览器的信息
下一篇: python介绍