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:指当前事件的事件源
原文地址:https://www.cnblogs.com/ginelle/p/10218785.html