BOM、window窗口对象

1、BOM 

　　browser object model  浏览器对象模型 

　　由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window；

　　BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。  

　　BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性；  document event  location  history  navigator  screen

2、window对象

　　window对象的属性和方法在调用时 可以省略 window. 

　　面加载事件 ：

　　　　window.onload = function(){

   　　　　 onload 中代码：需要等到页面的所有内容全部加载完成后 才执行 

   　　　　 onload 只能有一个

　　　　}

　　所有的全局变量和全局函数都是window对象的属性和方法

　　window对象的方法 ： 

　　　　三个对话框 ： 

　　　　　　alert()

　　　　　　prompt("文字描述","默认值")   点击确定 返回输入的值   点击取消 返回null

　　　　　　confirm()  确认框  点击确定 返回true  点击取消 返回false

　　　　两个定时器 ：

　　　　　　setInterval()     连续执行的定时器  

　　　　　　clearInterval()  

　　　　结束定时器：

　　　　　　setTimeout(要执行的任务,间隔时间)    一次性定时器  表示延时多长时间后执行  

　　　　　　clearTimeout( 定时器名称 ) 停止 定时器

　　打开新窗口：

　　　　window.open("新窗口路径","_blank","新窗口外观")   返回弹出的子窗口，可以不写_blank，默认是就是_blank

　　　　　　外观参数 ： width  height  left  top

　　　　window.open("list.html","_blank","width=200,height=200");

3、document 文档对象

　　找对象    几种方法 ：

　　　　getElementById()   单个对象

　　　　getElementsByTagName()  标签  得到一个集合  使用时加下标   找到一个 也要加下标[0]

　　　　getElementsByClassName() 根据类名查找   同上

　　　　getElementsByName()  根据name值查找  操作表单

　　　　querySelector("css选择器")   单个对象

　　　　querySelectorAll("css选择器")  多个对象  使用时加下标

　　　　document.body 找到body元素

　　　　document.title 找到title

　　　　document.head 找到head 

　　　　document.documentElement  对应html元素 

　　　　document.write()

4、对象的操作

　　操作样式：

    　　设置样式值：

    　　　　obj.style.样式 = 值    

    　　　　className 属性  obj.className = "类名"

    　　　　obj.style.cssText = "color:red;font-size:12px;"

    　　获取样式值 ： 

       　　　 obj.style.样式

　　操作属性：

    　　设置属性： obj.属性 = 值

    　　获取属性： obj.属性

　　操作内容：

   　　 innerHTML：  内容中如果有标签 可以被浏览器识别

  　　  innerText：  内容作为纯文本显示    火狐不兼容   火狐--textContent

5、location对象

　　页面跳转 ：

   　　 location.href = "url"  url --统一资源定位符

   　　 location.assign("url");

 　　   location.replace("url");   替换页面内容 不能后退 

  　　  location = "url"

　　页面刷新 :

      　　  location.reload();

6、history对象

　　history.go(1)   ===>  history.forward()  前进

　　history.go(-1)  ===>  history.back()     后退

　　history.go(0)  刷新

7、自定义属性（部分）

　　this：指当前事件的事件源