认识Javascript中的Document对象以及如何用三种方法访问元素对象
2014-04-11 14:15
671 查看
Document对象是客户端javascript中最常用的对象。
主要的方法:
close():关闭由open()方法打开的文档
open():产生一个新文档,覆盖已有文档
write():把文本写入当前打开的文档中
writeln():把文本写入当前打开的文档中,并附加一个换行符
主要的属性:
alinkColor,linkColor,vlinkColor:分别代指被激活的,未被访问的,被访问的超链接的颜色
anchors[]:Anchor对象的一个数组,代表文档中的锚
applets[]:Applet对象的一个数组,代表文档中的Java小程序
bgColor,fgColor:文档背景颜色,文档前景颜色
cookie:允许Javascript程序读写http cookie信息
domain:文档的安全域
forms[]:Form对象数组,代表文档中的form元素
images[]:Image对象数组,代表文档中的image元素
links[]:link对象数组,代表文档中的超文本链接
lastModified:文档修改日期
referrer:文档的URL,包含显示当前文档的链接
title:文档中title元素包含的标题系想你
URL:声明装载了文档的URL,与Window对象的属性location.href相同
简述原理:
一般浏览器加载文档时,会自动在客户端宿主环境中检索并构造文档元素对象,然后把同类元素对象的引用地址存储在一个数组中,并把该数组定义为Document对象的一个属性,即上面的forms[],images[]等属性
通过3种方法访问元素对象:
1.代码如下:
2.代码如下:
3.代码如下:
同时可以用Document对象的write()方法和writeln()方法来动态生成文档,这里就不作示例了。但是要注意,在使用open()方法后,一定要调用close()方法来关闭文档,这样才能显示缓存信息。
主要的方法:
close():关闭由open()方法打开的文档
open():产生一个新文档,覆盖已有文档
write():把文本写入当前打开的文档中
writeln():把文本写入当前打开的文档中,并附加一个换行符
主要的属性:
alinkColor,linkColor,vlinkColor:分别代指被激活的,未被访问的,被访问的超链接的颜色
anchors[]:Anchor对象的一个数组,代表文档中的锚
applets[]:Applet对象的一个数组,代表文档中的Java小程序
bgColor,fgColor:文档背景颜色,文档前景颜色
cookie:允许Javascript程序读写http cookie信息
domain:文档的安全域
forms[]:Form对象数组,代表文档中的form元素
images[]:Image对象数组,代表文档中的image元素
links[]:link对象数组,代表文档中的超文本链接
lastModified:文档修改日期
referrer:文档的URL,包含显示当前文档的链接
title:文档中title元素包含的标题系想你
URL:声明装载了文档的URL,与Window对象的属性location.href相同
简述原理:
一般浏览器加载文档时,会自动在客户端宿主环境中检索并构造文档元素对象,然后把同类元素对象的引用地址存储在一个数组中,并把该数组定义为Document对象的一个属性,即上面的forms[],images[]等属性
通过3种方法访问元素对象:
1.代码如下:
<img name="imgDemo" src="tom.jpg" /> <form name="formDemo" method="get" action="http://www.baidu.com"> </form> <script> alert(document.imgDemo.src); alert(document.formDemo.action); </script>
2.代码如下:
<img name="imgDemo" src="tom.jpg" /> <form name="formDemo" method="get" action="http://www.baidu.com"> </form> <script> alert(document.images[0].src); alert(document.forms[0].action); </script>
3.代码如下:
<img name="imgDemo" src="tom.jpg" /> <form name="formDemo" method="get" action="http://www.baidu.com"> </form> <script> alert(document.images["imgDemo"].src); alert(document.forms["formDemo"].action); </script>
同时可以用Document对象的write()方法和writeln()方法来动态生成文档,这里就不作示例了。但是要注意,在使用open()方法后,一定要调用close()方法来关闭文档,这样才能显示缓存信息。
相关文章推荐
- JavaScript中访问节点对象的方法有哪些如何使用
- struts2如何动态调用action的方法以及使用json插件范围json格式的javascript对象
- JavaScript Array 对象方法 以及 如何区分javascript中的toString()、toLocaleString()、valueOf()方法
- 进一步认识Javascript中window对象的方法和属性以及重写alert方法,控制弹出窗口,frames[]数组
- 清理浮动的三种常用方法以及如何居中一个浮动元素
- javascript 三种方法实现获得和设置以及移除元素属性
- javascript 三种方法实现获得和设置以及移除元素属性
- 对JAVA的继承,方法的覆盖,重载的认识 以及对象访问方面的探讨
- JavaScript中访问节点对象的方法有哪些如何使用
- javascript 三种方法实现获得和设置以及移除元素属性
- JavaScript - document对象属性和方法
- JavaScript数组对象实现增加一个返回随机元素的方法
- javascript:document对象的常用属性和方法
- java再复习——this的真正意义以及方法区的方法信息与对象的方法是如何产生关联的
- WPF [调用线程无法访问此对象,因为另一个线程拥有该对象。] 解决方案以及如何实现字体颜色的渐变
- javascript的Document对象——方法
- JavaScript创建对象的三种方法
- javascript 数组以及对象的深拷贝的方法
- 如何查看Javascript原生对象的方法?
- jquery中ajax如何返回值到上层函数的方法以及对于js处理json对象方法的记录