（二） DOM编程和Window对象

（二）  DOM编程和Window对象

HTML文档结构

 DOM模型

    DOM----Document  Object Model,它是W3C国际组织的一套Web标准，它定义了访问HTML文档对象的一套属性、方法、事件。

BOM模型

    window窗口对象

    document文档对象

    location地址对象

    history

   BOM模型的范围更广

document对象

       Document对象时浏览器中的文档页面对象，用来浏览器中的HTML文档。

    属性：bgColor

    方法：getElementById

                getElementsByName              根据name属性获取页面中的一组对象      

                getElementsByTagName        根据标签名称来获取（慎用）

实现全选效果

1. <a href="javascript:selectAll(true)">全选</a> | 全不选a><hr />
2. <input type="checkbox" name="course" value="java" />Java
3. <input type="checkbox" name="course" value="html" />HTML
4. <input type="checkbox" name="course" value="oracle" />Oracle
5. <input type="checkbox" name="course" value="javascript" />JavaScript<br />

1. <script>
2. //根据name获取所有的复选框
3. var chks = document.getElementsByName("course");
4. function selectAll(state){
5. for(var i = 0; i < chks.length; i++){
6. //改变每个复选框的选中状态
7. chks[i].checked = state;
8. }
9. }
10. script>

1. <input type="button" value="press" id="btnPress" />

1. //使用弹出框弹出选中的信息
2. <script>
3. //获取按钮
4. var btn = document.getElementById("btnPress");
5. btn.onclick = function(){
6. var str = "";
7. //遍历复选框
8. for(var i = 0; i < chks.length; i++){
9. //判断复选框是否选中
10. if(chks[i].checked){
11. str+=chks[i].value+"\n"
12. }
13. }
14. alert(str);
15. }
16. script>

window对象

     常用属性

            status                   浏览器中的状态栏信息

            screen                  客户端屏幕相关信息

            history                  浏览器的URL信息

            location                当前URL信息

            document            浏览器中的HTML文档

        常用的方法

            alert                     弹出对话框

            confirm                弹出确认框

            open                    打开新窗口

            close                   关闭当前窗口

            showModalDIalog大开模式对话框

            setTimeout          延迟执行方法

            setInterVal           间隔执行方法

status  该属性的值为string类型

1. window.status = "hello niit!";

screen 获取屏幕信息

1. window.screen.width+"*"+window.screen.height

confirm的返回值为boolean类型