javascript中的BOM和DOM

以下代码执行结果为火狐浏览器，注意浏览器间的差异

一、BOM

BOM是窗口对象模型

BOM中的“隐式对象”（也可以说成是js中的）：

window，location，document，navigator，screen

---

1、window:

①确认窗口（confirm）：

function con(){
       if(window.confirm("确定要删除？")){
         window.alert("正在删除。。。");
       }
       else
         alert("没有删除");
    }

执行结果：

点击“确定”按钮，则confirm方法返回true；点击“取消”按钮，则confirm方法返回false。

---

②输入窗口（prompt）：

function inputs(ss){
       var s=window.prompt("请输入用户名：",ss);
       if(s!=null){
          alert("你输入的是"+s);
       }
    }

<button onclick="inputs(<%=1542%>)">输入</button>

执行结果：

prompt方法第一个参数为显示的标题，第二个参数为输入框中的默认值，返回的是输入框中的值

---

③窗口后退和前进（history）：

window.history.forward();//前进一页
window.history.go(1);//前进一页，如果参数为2，则前进两页
window.history.back();//后退一页
window.history.go(-1);//后退一页，如果参数为-2，则后退两页

---

window可以省略！！！

---

2、location：

①href属性：获取网页的url和重置当前网页的url。

location.href="http://www.baidu.com";

②刷新网页（reload）：

location.reload(true);//true表示确定刷新网页

③网页转换（replace）：

location.replace("http://www.baidu.com");//参数为目的网页

---

3、navigator：获取浏览器的信息（用得不多）

4、screen：获取用户的屏幕信息（用得不多）

---

二、DOM

DOM是文档对象模型，控制html中的元素,只使用document一个对象

使用DOM的两个步骤：

(1)找节点：
按照标签名找（返回的是节点集合）：
document.getElementsByTagName(“…”) ；
按照id名找（返回的是一个节点）：
document.getElementById(“…”);
(2)使用节点的属性和方法：
节点的常用属性和方法：

属性和方法的作用看英文就可以了

---

节点分为元素节点（各种标签）、文本节点(含有文本的节点，只适用于当前标签)和属性节点（含有属性的节点，只适用于当前标签）

---