您的位置:首页 > 编程语言

(二) DOM编程和Window对象

2016-12-18 18:30 435 查看


(二)  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        根据标签名称来获取(慎用)

实现全选效果

<a href="javascript:selectAll(true)">全选</a> | <a href="javascript:selectAll(false)">全不选</a><hr />

<input type="checkbox" name="course" value="java" /&g
4000
t;Java

<input type="checkbox" name="course" value="html" />HTML

<input type="checkbox" name="course" value="oracle" />Oracle

<input type="checkbox" name="course" value="javascript" />JavaScript<br />


<script>

//根据name获取所有的复选框

var chks = document.getElementsByName("course");

function selectAll(state){

for(var i = 0; i < chks.length; i++){

//改变每个复选框的选中状态

chks[i].checked	= state;

}

}
</script>

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


//使用弹出框弹出选中的信息

<script>

//获取按钮

var btn = document.getElementById("btnPress");

btn.onclick = function(){

var str = "";

//遍历复选框

for(var i = 0; i <  chks.length; i++){

//判断复选框是否选中

if(chks[i].checked){

str+=chks[i].value+"\n"

}	

}

alert(str);

}

</script>


window对象

     常用属性

            status                   浏览器中的状态栏信息

            screen                  客户端屏幕相关信息

            history                  浏览器的URL信息

            location                当前URL信息

            document            浏览器中的HTML文档

        常用的方法

            alert                     弹出对话框

            confirm                弹出确认框

            open                    打开新窗口

            close                   关闭当前窗口

            showModalDIalog大开模式对话框

            setTimeout          延迟执行方法

            setInterVal           间隔执行方法

status  该属性的值为string类型

window.status = "hello niit!";


screen 获取屏幕信息

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


confirm的返回值为boolean类型

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  编程 dom 对象
相关文章推荐