1. JavaScript的三大组成部分:
- ECMAScript:(JavaScript和actionscript的)
规范 - DOM:
文档对象模型---> 规范是W3C - BOM:
浏览器对象模型---> 没有规范
2. BOM ---> 浏览器对象模型 broswer object model
作用:通过BOM的属性和方法去对浏览器进行操作(前进,后退,刷新,打印...)
3. BOM中的对象
3.1 window
window是BOM中的顶级对象,也是BOM的宿主对象
window的一些方法(window.可以省略):
- window.alert("提示框");
- window.confirm("确认框");
- window.prompt("输入框");
- window.parseInt();
- window.parseFloat();
- window.open();
- window.close();
- window.print();
- window.setInterval();
- window.setTimeout();
3.2 window 的重要属性对象:document,location,history,frames,screen, navigator...
3.3 document ---> 文档对象。js脚本中直接访问页面元素
3.4 location ---> 浏览器当前的地址信息。
location的属性/方法:
- location.href; 完整地址
- location.protocol; 协议。包括http(不加密)和https(加密)
- location.host; 主机
- location.hostname; 主机名称(域名)
- location.port; 端口
- location.pathname; 路径名称
- location.search; ?xxxx
- location.hash; #xxxx
- location.assign(url); 跳转到指定的url
- location.replace(url); 新的url替代,没有历史记录
- location.reload(); 重新加载
3.5 history ---> 窗口的浏览历史。
history是一个伪数组,有一个length属性,实际上是对象。
history的属性/方法:
- history.length 表示有多少条历史记录
- history.forwars() 前进
- history.back() 后退
- history.go(参数) 参数为-1,表示后退;参数为0,表示刷新;参数为1,表示前进
3.6 frames ---> 获取页面框架内容。
3.7 screen ---> 客户端显示屏幕的信息。
screen的方法:
- screen.height() 屏幕的完整高度
- screen.width() 屏幕的完整宽度
- screen.availHeight() 高度。不包括Windows任务栏
- screen.availHeight() 宽度。不包括Windows任务栏
3.8 navigator ---> 访问者浏览器的信息。
navigator.userAgent 可以获取浏览器及操作系统信息