前端基础之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（如何处理传递回来的值）”)