《JavaScript操作BOM对象总结》

一：
BOM(Browser Object Model)
BOM在JS里有对象可以通过对象来操作浏览器
navigator（导航器）
userAgent（用户代理）
ActiveXObject（活跃对象）

查看浏览器的种类可以通过navigator（导航器）来查看浏览器的种类不过这个存在弊端
userAgent（用户代理）这个要比navigator要好列：console.log(navigator.userAgent);
可以结合这两个来判断是什么浏览器：
var ua=window.navigator.userAgent;
if(/firefox/i.test(ua)){
alert(“这是火狐浏览器”);
}else if(/chrome/i.test(ua)){
alert(“这是谷歌浏览器”);
}else if(/msie/i.test(ua)){
alert(“这是IE浏览器”);
}else if(“ActiveXObject” in window){
alert(“这是IE11浏览器”);
}
由于IE11的特殊性要使用ActiveXObject（活跃对象）" in window来判断。
History（历史对象）
只要记住go(-1)浏览器向前一页，go(1)向后一页0估计就是本页了
列：go(-1)
Location 对象属性示意图：

Hash:这个就是代表当前所在页面的的名称从#号开始
Host：和端口号和主机当前的URL
Hostname：返回当前主机的URL
Pathname：设置端口号与？之间的区域
Pore：设置返回当前的端口号
Protocol：返回或设置当前的路径开头的协议
Search：设置或返回？和#之间的内容。
location.replace（位置替换）
在括号里放入替换的路径，这个和A标签有点像不过A标签跳转后可以变回来这个不行。

二：
window对象
浏览器对象模型（BOM）是JavaScript的组成之一，它提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现HTML的交互。它的作用是将相关元素组织包装起来，提供给程序设置人员使用，从而降低开发人员的劳动量，提高设置Web页面的能力。

BOM是一个分层

BOM通常可实现如下功能
弹出新的浏览器窗口
移动、关闭浏览器窗口及调整窗口大小
在浏览器窗口中实现页面的前进、后退功能
window对象的属性

注意：window.属性名=“属性值”

注意：window.方法名();
. confirm()
confirm()将弹出一个确认对话框
window.confirm(“对话框中显示的纯文本”)

alter，prompt，confirm区别
alter：一个参数，仅显示警告对话框的消息，无返回值，不能对脚本产生任何改变
prompt：两个参数，输入对话框，用来提示用户输入一些信息，单击“取消”按钮则返回null，单击“确定”按钮则返回用户输入的值，常用于收集用户关于特定问题而反馈的信息
confirm：一个参数，确认对话框，显示提示对话框的消息、“确定”按钮和“取消”按钮，单击“确定”按钮返回true，单击“取消”按钮返回false，因此与if-else语句搭配使用
2. close()
close()方法将关闭浏览器窗口
window.close()

3. open()
   在页面弹出新的窗口
   window.open(“弹出窗口的url”,”窗口名称”,”窗口的特征”)

窗口特征属性

history对象和location对象

1. history对象
   history对象提供用户最近浏览过的URL列表。但是出于隐私方面，history对象不再允许脚本访问已经访问过的实际URL，但是可以使用history对象提供的，逐个返回访问过的页面方法

方法

注意两点：
history.back() == history.go(-1) 前进
history.forward() == history.go(1) 后退

2. location对象
   location对象提供当前页面的URL，并且可以重新装载当前页面或装入新的页面

属性

操作方法：

document对象
document对象既是window对象的一部分，又代表整个HTML文档，可以访问页面所有的元素。

document对象的属性

document.referrer
1：当前文档如果不是通过超链接访问的，则document.referrer的值为null
document.URL:
2：上网浏览某个页面的时候，由于不是指定的页面进入，因此将提醒不能浏览本页面，跳转到其他页面

document对象的方法

1:document.getElementById()方法一般用于访问div，图片，表单元素，网页标签， 但要求访问的id对象的id是唯一的。
2:document.getElementsByName()方法访问一组name的属性
document.getElementsByTagName()方法是按标签来访问的页面元素的，一般用于访问一组相同的元素。
3:innerHTML几乎所有的HTML元素都有的属性。它是一个字符串，用来设置或获取当前对象的开始标签和结束标签之间的HTML。

Date的方法！

3. Array：用于在单独的变量名中存储一系列值
4. String：用于支持对字符串处理
5. Math：使我们有能力执行常用的数学任务，它包含了若干个数字常亮和函数

Math的方法

定时函数
1：setTimeout()·
setTimeout()用于在指定的毫秒后调用函数或计算表达式
setTimeout(“调用的函数名称”,”等待的毫秒数”):
2：setInterval()
setInterval()可按照指定的周期（以毫秒计）来调用函数或表达式
setInterval(“调用的函数名称”,”周期性调用函数之间间隔的毫秒数”)

三：总结