JS对象3

1.BOM对象

window对象

所有浏览器都支持window对象

概念上讲：一个html文档对应一个window对象

功能上讲：控制浏览器窗口的

使用上讲：window对象不需要创建对象，直接使用即可

Window对象方法

alert()   显示带有一段消息和一个确认按钮的警告框

confirm()    显示带有一段消息以及确认按钮和取消按钮的对话框

prompt()     显示可提示用户输入的对话框

open()     打开一个新的浏览器窗口或查找一个已命名的窗口

close()     关闭浏览器窗口

res=open("http://www.baidu.com","xueyuan","width=600,height=600");

close()

 

setInterval()      按照指定的周期（以毫秒计）来调用函数或计算表达式。

clearInterval()    取消由 setInterval() 设置的 timeout。

setTimeout()       在指定的毫秒数后调用函数或计算表达式。

clearTimeout()     取消由 setTimeout() 方法设置的 timeout。

scrollTo()         把内容滚动到指定的坐标。

　　

方法使用

（1）   alert confirm 以及open函数

（2）   setinterval  clearinterval

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法：<br>     setInterval(code,millisec)

其中，code为要调用的函数或要执行的代码串。millisec周期性执行或调用 code 之间的时间间隔，以毫秒计

2.DOM对象

HTML Document Object Model（文档对象模型）

HTML DOM定义了访问和操作HTML文档的标准方法

HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构

DOM树

DOM节点

节点类型

HTML 文档中的每个成分都是一个节点。

DOM 是这样规定的：

    整个文档是一个文档节点

    每个 HTML 标签是一个元素节点

    包含在 HTML 元素中的文本是文本节点

    每一个 HTML 属性是一个属性节点

节点查找

（1）   直接查找节点

（2）   导航节点属性

parentElement           // 父节点标签元素
children                // 所有子标签
firstElementChild       // 第一个子标签元素
lastElementChild        // 最后一个子标签元素
nextElementtSibling     // 下一个兄弟标签元素
previousElementSibling  // 上一个兄弟标签元素

节点操作

（1）   创建节点

（2）   添加节点

（3）删除节点

（4）   替换节点

（5）   节点属性操作

1>获取文本节点的值：innerText    innerHtml

2>attribute操作

elementNode.setAttribute(name,value)    

elementNode.getAttribute(name)    elementNode.value(DHTML)

elementNode.removeAttribute(“属性名”);

3>value获取当前选中的value值

     {1}input

     {2}select(selectindex)

     {3}textarea

4>innerHTML给节点添加html代码

5>关于class的操作

 

 6>改变CSS样式