无双

博学善思,自强不息

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

js学习笔记(十二)Document对象

1、document对象的四个方法:

         close()

         open()

         write()

         writeln()

2、document对象的属性

document对象属性

作用

alinkColor 被激活的链接的颜色
linkColor 未被访问过的链接的颜色
vlinkColor 访问过的链接的颜色
anchors[] 文档中的锚的数组集合
applets[] 文档中的java小程序的数组集合
bgColor 文档的背景颜色
fgColor 文档的前景(即文本)颜色
cookie 一个特殊属性,详见相关内容
domain 一个特殊属性,详见相关内容
forms[] 文档中的<form>(即表单)元素数组集合
images[] 文档中的<img>元素的集合
lastModified 一个字符串,代表文档的最后修改时间
links[] 文档中超链接元素的集合
location 等价于URL属性,一般不提倡使用
referrer 文档的URL,包含把浏览器带到当前文档的链接
URL 一个字符串,声明了装载文档的URL
title 位于<title></title>之间的文本

 

记住:一个html文档中的每个<form>元素都会在Document对象的forms[]数组中创建一个带编码的元素,这一规则还适用于<image>、<a>、<applet>,它们分别定义了images[]、links[]、applets[]数组的元素,

除了可以用数组引用这些元素外,如果以Form对象、Image对象或Applet对象对应的HTML标签中设定了name属性,比如:<image name=”a”… />,则name属性的值将被可以用作document对象的属性来引用该元素,如document.a代表的就是前面定义的那个image元素。记住它的使用范围只限于image、form、applet这三种元素

3、Form和Image对象有与标记<form>和<image>的HTML性质相匹配的属性。如<image>可以有widh性质如<img width=””>,则Image对象也有width属性

4、document.write()方法如果是用在事件处理函数中,则当事件发生,write()方法执行时它会擦掉文档原来的所有内容,而只显示出write()方法输出的内容,要避免出现这样的情况,就要使write()方法用在文档解析的过程中,而不是文档解析完了后再调用它,而事件处理函数一般都是在文档解析完成后才有可能调用的,所以会擦掉原来的内容

 

5、Image对象。

       创建一个Image对象:var a=new Image();

       定义Image对象的src:  a.src=”xxx.gif”;

       这样做就相当于给浏览器缓存了一张图片

  <image>或由new Image()创建的元素都具有onload、onerror、onabort三个事件(但好像IE浏览器并不支持由Image()创建的图像的onload事件),分别表示图像装载完成、图像装载过程中出现错误、图像还没装载完就取消了它

每个Image对象都有一个complete属性,当图像处于装载过程中时,该属性值false,当发生了onload、onerror、onabort中任何一个事件后,则表示图像装载过程结束(不管成没成功),此时complete属性为true

6、Link对象有许多属性,如href属性,该属性可读可写,这就意味着超链接的链接目标可以动态改变

7、Anchor对象有name属性,因此可以用js操作锚

posted on   无双  阅读(1617)  评论(0编辑  收藏  举报

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
点击右上角即可分享
微信分享提示