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操作锚
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 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 开源的文件压缩处理库,助力快速实现文件压缩解压功能!