JavaScript 动态网页实例 —— 文档处理

最新推荐文章于 2024-07-02 07:14:18 发布

迎风的信号旗

最新推荐文章于 2024-07-02 07:14:18 发布

阅读量1.1k

点赞数 23

分类专栏：前端 JavaScript 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/cccloveforever/article/details/138523813

版权

本文介绍了如何使用JavaScript操作Document对象来动态设置文档颜色，包括页面背景、文本、链接颜色，并讲解了如何获取文档上次修改时间。此外，还探讨了DOM1中的文档属性和聚集，以及如何访问和修改HTML元素属性，实现动态文本对齐方式的改变。

摘要由CSDN通过智能技术生成

Document对象用于控制窗口或框架中的文档。在支持传统对象模型的早期浏览器中，只能对文档进行较少的操作。Document对象的主要属性都与<body>标签相关，如背景、链接、文本颜色等:而在DOM下，则可对文档进行更多的操作。由于Document对象的内容较多，将从本章开始分几章进行介绍。本章主要介绍文档颜色设置、文档修改时间、DOM1中的相关属性、对 HTML元素属性的访问等内容。

文档颜色设置

本节给出一段设置文档颜色的示例代码。程序中，允许用户修改页面背景、文字、超级链接等元素的颜色值。

要点

本节代码主要使用了与文档颜色有关的Document 属性、with语句等，其主要功能和用法如下。

Document 对象包含一些属性，可以对文档及其文本与链接的颜色进行读取与设置。这些属性的调用格式为“document.属性名”。
关于超级链接的属性包括: aLinkColor,表示活动的超级链接的颜色,可使用 HTML的<body alink="颜色">设置,默认为红色; linkColor,表示未访问过的链接的颜色,可以使用 HTMI 的<body link="颜色">设置，默认为蓝色(blue);vlinkColor，表示已访问过的链接的颜色，可以使用 HTML 的<body vlink="颜色">设置。默认为紫色(purple)。
关于页面与文本的属性包括:bgColor，表示页面背景颜色，可以使用 HTML 的<bodybgcolor-"颜色">设置; fgColor,表示文档中文本的颜色,可以使用 HTML 的<body text-"颜色">设置。
在 JavaScript中，with语句是专门应用于对象的语句，其语法格式为“with(对象名){语句列表}”。
在一个连续的程序代码中，如果多次使用某个对象的多个属性或方法，那么，只要在with 关键字后的括号“()”中写出该对象的名称，就可以在随后的“{}”中的程序语句中直接引用该对象的属性名或方法名，不必再在每个属性名或方法名前都加上对象实例名和 “.”。

<script type="text/javascript">
<!--
function setColors(form)                             //函数：设置文档颜色
{
with (form)
{
document.bgColor = backgroundColor.value;   //背景色
document.fgColor = textColor.value;           //文本色
//当前活动的超级链接的颜色
document.alinkColor = activeLinkColor.value;
//未访问的超级链接的颜色
document.linkColor = linkColor.value;
//访问过的超级链接的颜色
document.vlinkColor = visitedLinkColor.value;
}
}
//-->
</script>