前端基础之JS（二）

BOM浏览器对象模型
（Windows对象）
浏览器窗口内部高度的获取：
window.innerHeight 高度
window.innerWidth 宽度
兼容格式（IE）:
.document.documentElement.clientHeight;
.document.documentElement.clientWidth;
.document.body.clientHeight;
.document.body.clientWidth;
打开新窗口：window.open(“地址”,”_blank/_self/newWindow”);
（与其有一个相似的h5的标签iframe，可以将另一个页面拿来在本页面中加载出来）
反映出框架数：window.length;
调整窗口大小：resizeBy()
指定窗口大小：resizeTo()
按照指定的像素值来滚动内容：scrollBy()
滚动条滚动到指定位置：scrollTo()
(有一个相关的时间为onscroll事件，滚动条滚动时出发的事件)
历史记录的返回：window.history.back();
向前：window.history.forward();
window.history.go(n);n为正时向前，n为负时返回
cookie
一些数据，作用：用于解决如何记录客户端的用户信息
创建：document.cookie=”username=用户名;expires=有效时间”
读取：var x=document.cookie;alert(x);
（escape()对字符串进行编码，unescape()再转码一次）
AJAX
作用：在不断刷新整页情况下更新页面数据，节省用户操作时间，提高用户体验，减少数据请求，传输获取数据。
AJAX的方法
open方法：open（method,url,async）（提交方式（get/post）,提交地址,异步（true）/同步（false））
send方法：send();发送数据请求，相当于submit
AJAX请求状态监控。onreadystatechange事件
readystate属性（当其==4时，说明成哥事件完成了）
status属性（服务器请求资源的状态==200时，表示成功）
创建XMLHttpRequest对象d方式
var x=new XMLHttpRequest;
兼容方式：x=new Active XObject(“Microsoft.XMLHTTP”)
输出文本：.responseText
捕获异常：try{} catch{}（也可处理兼容）
调用封装好的AJAX：ajax(“method”,”url”,”data（传递的值）”,”function（如何处理传递回来的值）”)