DOM对象(一)
来源:互联网 发布:suho知乎 编辑:程序博客网 时间:2024/06/05 05:43
一、DOM简述
DOM—Document Object Model,它是W3C国际组织的一套Web标准。它定义了访问HTML文档对象的一套习属性、方法和事件。
DOM是以层次结构组织的节点或信息片断的集合。文档对象模型(Document Object Model)是给HTML与XML文件使用的一组API。DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁。
浏览器对象是一个分层结构,也称为文档对象模型,如下图所示:
8 窗口大小控制的两个方法:
DOM—Document Object Model,它是W3C国际组织的一套Web标准。它定义了访问HTML文档对象的一套习属性、方法和事件。
DOM是以层次结构组织的节点或信息片断的集合。文档对象模型(Document Object Model)是给HTML与XML文件使用的一组API。DOM的本质是建立网页与脚本语言或程序语言沟通的桥梁。
浏览器对象是一个分层结构,也称为文档对象模型,如下图所示:
从上图可以看出:
(1)打开网页后,首先看到的是浏览器窗口,即顶层的window对象。
(2)其次,看到的是网页文档的内容,即document文档。
(3)定位对象:
window.document.myform.text1
或
document.myform.text1
因为window窗口对象是所有页面的根对象,所以常常省略。
(4)地址对象location和历史对象history,它他对应IE浏览器中的地址栏和前进/后退按钮。
(1)打开网页后,首先看到的是浏览器窗口,即顶层的window对象。
(2)其次,看到的是网页文档的内容,即document文档。
(3)定位对象:
window.document.myform.text1
或
document.myform.text1
因为window窗口对象是所有页面的根对象,所以常常省略。
(4)地址对象location和历史对象history,它他对应IE浏览器中的地址栏和前进/后退按钮。
二、窗口window
常用属性:
1 window.clesed:指明窗口是否关闭。
2 window.defaultValue:窗口状态栏的默认信息。
3 window.docement:表示浏览器窗口中的HTML文档。
4 window.location:表示有关当前URL的信息。
5 window.history:表示有关当前访问过的RUL的信息。
6 window.name:设置或检索窗口或框架的名称。
7 window.screen:包含有关客户的屏幕和显示性能的信息。
8 window.screenX:窗口X坐标
9 window.screenY:窗口Y坐标
10 window.status:设置或检索窗口状态栏中的信息。
11 window.title:设置或检索窗口顶部标题栏中的信息。
12 window.self:当前窗口。
13 window.parent:当前窗口的最上层窗口。
14 window.top:当前显示的窗口的最上层窗口。
15 window.opener:所打开“子窗口”的“父窗口”的名称。
常用属性:
1 window.clesed:指明窗口是否关闭。
2 window.defaultValue:窗口状态栏的默认信息。
3 window.docement:表示浏览器窗口中的HTML文档。
4 window.location:表示有关当前URL的信息。
5 window.history:表示有关当前访问过的RUL的信息。
6 window.name:设置或检索窗口或框架的名称。
7 window.screen:包含有关客户的屏幕和显示性能的信息。
8 window.screenX:窗口X坐标
9 window.screenY:窗口Y坐标
10 window.status:设置或检索窗口状态栏中的信息。
11 window.title:设置或检索窗口顶部标题栏中的信息。
12 window.self:当前窗口。
13 window.parent:当前窗口的最上层窗口。
14 window.top:当前显示的窗口的最上层窗口。
15 window.opener:所打开“子窗口”的“父窗口”的名称。
得到当前窗口的详细信息:
<head>
<title>JavaScript</title>
</head>
<body >
<script language="javascript" type="text/javascript">
window.document.writeln("当前位置:"+window.location+"</br>");
window.document.writeln("包含窗口个数:"+window.length+"</br>");
window.document.writeln("当前状态栏的信息:"+window.status+"</br>");
window.document.writeln("当前窗口的名称:"+window.name+"</br>");
window.document.writeln("当前窗口的X、Y坐标是:"+window.screenX+","+window.screenY);
</script>
</body>
常用方法:
1 window.alert(“提示信息”):显示一个包含确定按钮的对话框。
2 window.blur():使对象失去焦点并激发onblur事件。
3 window.close():关闭窗口。
4 window.open(“打开窗口的url”,”窗口名”,”窗口特征”):按指定特征打开窗口。
窗口特征参数如下:
height:窗口高度
width:窗口宽度
top:窗口距屏幕上方的象素值
left:窗口跟屏幕左侧的象素值
toolbar:是否显示工具栏,yes或1表示显示,no或0表示不显示。
menubar:是否显示菜单栏,yes或1表示显示,no或0表示不显示。
scrollbars:是否显示滚动栏,yes或1表示显示,no或0表示不显示。
resizable:是否允许改变窗口大小,yes或1表示否允,no或0表示不否允示。
location:是否显示地址栏,yes或1表示显示,no或0表示不显示。
status:是否显示状态栏,yes或1表示显示,no或0表示不显示。
5 window.confirm(“提示信息”):显示一个确认对话框,包括确定和取消按钮。当点确定按钮时返回的是true,点取消按钮时返回的是false。
6 window.prompt(“提示信息”,显示在text中的默认值):显示带输入框提示对话框,主要用来收集信息。当点确定按钮时返回的是true,点取消按钮时返回的是false。
7 窗口定位的方法:
(1) window.moveBy(x,y):实现窗口的定向、定量移动。两个参数分别表示x方向移动的距离和y方向移动的距离。
(2) window.moveTo(x,y):把窗口移动到指定坐标位置。两个参数分别表示横坐标、纵坐标。
常用方法:
1 window.alert(“提示信息”):显示一个包含确定按钮的对话框。
2 window.blur():使对象失去焦点并激发onblur事件。
3 window.close():关闭窗口。
4 window.open(“打开窗口的url”,”窗口名”,”窗口特征”):按指定特征打开窗口。
窗口特征参数如下:
height:窗口高度
width:窗口宽度
top:窗口距屏幕上方的象素值
left:窗口跟屏幕左侧的象素值
toolbar:是否显示工具栏,yes或1表示显示,no或0表示不显示。
menubar:是否显示菜单栏,yes或1表示显示,no或0表示不显示。
scrollbars:是否显示滚动栏,yes或1表示显示,no或0表示不显示。
resizable:是否允许改变窗口大小,yes或1表示否允,no或0表示不否允示。
location:是否显示地址栏,yes或1表示显示,no或0表示不显示。
status:是否显示状态栏,yes或1表示显示,no或0表示不显示。
5 window.confirm(“提示信息”):显示一个确认对话框,包括确定和取消按钮。当点确定按钮时返回的是true,点取消按钮时返回的是false。
6 window.prompt(“提示信息”,显示在text中的默认值):显示带输入框提示对话框,主要用来收集信息。当点确定按钮时返回的是true,点取消按钮时返回的是false。
7 窗口定位的方法:
(1) window.moveBy(x,y):实现窗口的定向、定量移动。两个参数分别表示x方向移动的距离和y方向移动的距离。
(2) window.moveTo(x,y):把窗口移动到指定坐标位置。两个参数分别表示横坐标、纵坐标。
8 窗口大小控制的两个方法:
(1)resizeBy(x,y):按指定的尺寸调整窗口的大小。两个参数分别表示在水平方向上的改变量和垂直方向上的改变量。
(2)resizeTo(x,y):把窗口调整到指定尺寸。两个参数分别表示浏览器窗口的宽和高。
(2)resizeTo(x,y):把窗口调整到指定尺寸。两个参数分别表示浏览器窗口的宽和高。
9 操作定时器的两个方法:
(1)setTimeout(“函数’,毫秒数):设置定时器,经过指定毫秒值后执行某个函数。
(2)clearTimeout(定时器对象):取消某个定时器。
(1)setTimeout(“函数’,毫秒数):设置定时器,经过指定毫秒值后执行某个函数。
(2)clearTimeout(定时器对象):取消某个定时器。
- DOM对象(一)
- DOM之Form对象(一)
- DOM(一)-06-(Location对象)
- DOM(一)-05-(BOM&Navigator对象&History对象)
- jQuery学习日记(一):jQuery 对象与 DOM 对象
- DOM(文档对象模型)学习笔记(一)
- 学自慕课网:Dom对象控制Html元素(一)
- DOM基础----DOM(一)
- DOM对象(二)
- DOM对象—节点的详解(一)
- 带你学习Jquery(一):Dom对象和Jquery对象
- DOM 总结(一)
- dom总结(一)
- DOM 基础(一)
- 浅谈DOM(一)
- DOM(一)
- 【十】DOM(一)
- DOM(一)
- jboss相关
- CWnd类虚函数的调用时机、缺省实现
- 敏感于流行
- 经典题目3
- jboss内存优化
- DOM对象(一)
- DOM对象(二)
- 软件工程师不可不知的10个概念
- C#实现发邮件
- native2ascii
- 开始写东西
- 从1-N的范围内随机取出K个数,并且不能重复值,如何高效取出?
- 如何利用doxygen生成pdf文档
- 微软等世界500强公司的面试问题