JavaScript(二)Browser Object Model
浏览器对象模型(Brower Object Model)
浏览器对象模型(Brower Object Model) 就是所谓的 BOM
浏览器对象包括:
- Window(窗口)
- Navigator(浏览器)
- Screen (客户端屏幕)
- History(访问历史)
- Location(浏览器地址)
windows
- 用
window.innerWidth
和window.innerHeight
获取浏览器的文档显示区域的宽和高 - 用
window.outerWidth
和window.outerHeight
获取浏览器外部窗体的宽和高 - 用
window.open("/")
打开一个新页面,这里的/
指本站的根目录。只能打开本站网页。(不建议在用户不知情的情况下随意打开新页面,影响用户体验)
体验一下:
Navigator
Navigator提供浏览器相关的信息
属性 | 简介 |
---|---|
navigator.appName | 浏览器产品名称 |
navigator.appVersion | 浏览器版本号 |
navigator.appCodeName | 浏览器内部代码 |
navigator.platform | 操作系统 |
navigator.cookieEnabled | 是否启用Cookies |
navigator.userAgent | 浏览器的用户代理报头 |
弹出框
- 用
alert
显示一个警告窗 - 用
confirm
显示一个确认框,根据用户选择,返回true or false - 用
prompt
显示一个输入框
确认框例子
1 | <script> |
输入框例子
1 | <script> |
Location
Location 对象包含有关当前 URL 的信息。
1 | <script> |
参考:
下一篇介绍Javascript中的DOM(文档对象模型)