BOM和DOM

BOM中的对象：

　　Window对象：是指窗口对象，可通过Window对象的属性和方法控制窗口，例如打开或关闭一个窗口

　　History对象：指历史页面，通过History对象的属性和方法实现前进后退的功能

　　Location对象：指地址栏，通过属性的方法控制页面的跳转

　　Document对象：指网页中的内容，通过属性和方法控制页面元素

1、Window对象的常用方法：

　　open();　打开一个网页　

      close();　关闭一个网页　

      alert();　　弹出一个确定对话框

      prompt();　弹出消息对话框（对话框中包含一个“确定”按钮与“取消”按钮）

      confim();　弹出消息对话狂框（对话框中包含一个“确定”按钮、“取消”按钮与一个文本输入框）

      setTimeout();　一次性定时器　

      setInterval();　　延时定时器

      clearInterval();取消指定的setInterval函数将要执行的代码

2、History对象属性length：

　　window.history.back();页面进行后退；

　　window.history.forward();页面前进；

　　window.history.go(n); n如果是正数则代表前进n个页面，n如果是负数则代表后退n个页面，一般常用这一种。

3、Location对象的属性：

　　location.href;完整路径

　　location.origin：基础路径

      location.protocol：安全协议

      location.port：端口号

　　location.hostname: 主机名称

　　location.pathname: url路径

      location.search：查询部分

      location.hash：锚点

3.1Location常用对象方法：

      assign（）：加载新页面

      reload（）：刷新页面

      replace（）：替换一个页面

4、screen：

      screen.width:屏幕总高度

      screen.height：屏幕总宽度

      screen.availwidth：屏幕可用宽度

      screen.availheight：屏幕可用高度

      screen.orientation.angle：屏幕旋转角度

5、Navigator 对象的属性

• appCodeName 返回浏览器的代码名
• appName ：产品名称
• appVersion ：版本号
• platform ：操作系统平台
• userAgent ：用户代理信息

 DOM中的对象

6、Document对象常用方法：(重点)

　　　　document.getElementById("id");根据id找，最多找到一个；

　　　　document.getElementsByName("name");根据name找，返回数组

　　　　document.getElementsByTagName("name");根据标签名找，例如<input>...返回数组

　　　　write();打印内容

　　5.1、常用操作：

　　　　 　var a =document.getElementById("id");

　　　　　alert(a.innerText);只取里面的内容

　　　　　alert(a.outerHTML);包括标签本身的内容（简单了解）

　　　　　设置内容：a.innerHTML = "<font color=red >hello world </font>";

　　5.2、操作属性　　　　　　

　　　　　a.setAttribute("属性名","属性值"); 设置一个属性，添加或更改都可以；

　　　　　a.getAttribute("属性名")；获取属性的值；

　　　　　a.removeAttribute("属性名")；移除一个属性。

　　5.3、操作样式

　　　　　document.body.style.backgroundColor="颜色"； 整个窗口的背景色

　　　　　a.className="样式表中的classname"

　5.4、相关元素操作

　　　　　　var a = document.getElementById("id");找到a；

　　　　　　var b = a.nextSibling，找a的下一个同辈元素，注意包含空格；

　　　　　　var b = a.previousSibling，找a的上一个同辈元素，注意包含空格；

　　　　　　var b = a.parentNode，找a的上一级父级元素；

　　　　　　var b = a.childNodes，找出来的是数组，找a的下一级子元素；

　　　　　　var b = a.firstChild，第一个子元素，lastChild最后一个，childNodes[n]找第几个；

　　　　　　alert(nodes[i] instanceof Text); 判断是不是文本，是返回true，不是返回flase，用if判断它的值是不是false，可以去除空格。

　5.5、元素的创建、添加、删除

　　　　　　var a = document.getElementById("id");找到a；

　　　　　　var obj = document.createElement("标签名")；创建一个元素

　　　　　   obj.innerHTML = "hello world";添加的时候首先需要创建出一个元素。

　　　　　  a.appendChild(obj);向a中添加一个子元素。

　　　　　  a.removeChild(obj);删除一个子元素。

　　　　　  表中a.selectedIndex:选中的是第几个