(二) 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类型
相关文章推荐
- js_day22--js DOM编程(window对象3+猜拳游戏)
- JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)
- 教案:第二学期JavaScript第2章DOM编程-window对象
- JS DOM编程 window对象
- 第5天(就业班) BOM、window对象、事件、location对象、screen对象、Dom编程根据属性找节点、通过关系找节点、添加附件、联动框、操作元素的css样式、正则表达式
- JavaScript DOM编程基础精华02(window对象的属性,事件中的this,动态创建DOM,innerText和innerHTML)
- js_day20--js DOM编程(window对象1)
- dom编程中window对象的setInterval,setTimeout方法详解
- JavaScript---网络编程(6)-Dom和Bom模型概念讲解(节点获取,window对象)
- JavaScript---网络编程(6)-Dom和Bom模型概念讲解(节点获取,window对象)
- DOM编程之window对象
- JavaScript DOM编程基础精华02(window对象的属性,事件中的this,动态创建DOM,innerText和innerHTML)
- JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)
- Dom编程(Window 对象)
- js_day21--js DOM编程(window对象2)
- 黑马程序员_Dom的window对象的方法和属性
- javascipt-dom编程 table对象 练习
- js编程思路--给网站定义一个全局的js对象,放到window对象中
- 32-JavaScript-DOM-BOM简介-node常用方法和属性-window对象常用方法
- javascript 对象(DOM)document window history