JavaScript-DOM对象和内置对象

DOM:浏览器每次加载和显示页面时，都在内存里创建页面及其全部元素的一个内部表示体系，也就是DOM，在DOM里，页面的元素具有一个逻辑化、层次化的结构，就像一个由父对象和子对象组成的树形结构。这些对象及其相互关系构成了Web页面及显示页面的浏览器的抽象模型。

DOM对象和内置对象

1、alert()：没有返回值，向用户弹出一个对话框。

      confirm() ：对话框为用户提供了一个选择，可以点击“确定”或者“取消”按钮。点击任意一个按钮都会关闭对话框，让脚本继续执行，但根据哪个按钮被单击，confirm()方法返回不同的值。单击“确定”返回布尔值“真”，单击“取消”返回布尔值“假”。

 2、prompt() ：是打开模态对话框的另一种方式，它允许用户输入信息。使用示例：

var name =prompt(“what is your name?”);  

prompt() 方法还可以有第二个可选参数，表示默认的输入内容，从而避免用户直接点击“确定”而不输入任何内容。如：

var name = prompt(“what is your name?”,”John Doe”);  

3、根据ID选取元素

     如果想从HTML页面里选择某个特定id的元素，我们只需要把相应的id作为参数来调用document对象的 getElementById()方法，他就会返回特定id的页面元素所对应的DOM对象。

举例来说，假设Web页面包含一个<div>元素：

<div id="div1">
  ...DIV元素的内容..
</div>

在JavaScript代码里，把相应的id 作为参数调用getElementById()方法，就可以访问<div>元素：

var myDiv = document.getElementById(“div1”); 

4、访问浏览器记录

      在JavaScript里，浏览器的历史记录是以 window.history对象代表的，它基本上就是访问过的URL列表。这个对象的方法让我们能够使用这个列表，但是不能直接修改这些URL。这个对象只有一个属性，就是他的长度，即history.length。有三个方法，forward()，backward()，go()。

forward()和backward()方法相当于点击浏览器的“前进”和“后退”按钮。

go()方法有一个参数，正数或者负数，可以跳到历史记录列表里的相对位置。如：

history.go(-3);  // 回退3个页面  
history.go(2);  // 前进2个页面

5、 location对象

location对象主要是包含当前加载页面的URL信息。

DOM视频总结：节点的增删改查

 创建与添加
-> document.createElement()
-> document.createTextNode()
-> <node>.setAttribute()
-> <node>.innerHTML
-> document.write()
-> <parentNode>.appendChild(<subNode>)
-> <parentNode>.insertBefore(<newSubNode>, <nextNode>)
 删除
-> <parentNode>.removeChild(<subNode>)
 修改
-> 修改内容：<node>.innerTHML
-> 修改属性：<node>.setAttribute()
-> 修改样式：<node>.style.样式属性 = "值";
 查(获得节点)
标准方法：
       document.getElementById
document.getElementsByTagName
属性
<node>.childNodes
<node>.firstChild

<node>.lastChild