JavaScript文档对象

Qwe7

发布于 2022-04-09 08:04:33

3910

发布于 2022-04-09 08:04:33

文章被收录于专栏：网络收集

5、文档对象

一、document对象简介

前两章，我们已经把window对象详细给大家探讨了一遍。这次我们介绍另一个网页中核心的对象：“document对象”。注意，document对象是window对象中的子对象。

谈到document对象，其实我们在之前的课程中已经接触很多次了。还记得document.write()吗？这就是document对象的一个方法。

document对象除了write()方法外，跟其他对象一样，也有自身一套属性和方法。

document对象，即文档对象。顾名思义，其实很好理解，文档对象嘛，操作的都是HTML文档。为了更好理解什么叫“HTML文档”，请看一下CSS入门教程中“正常文档流”这一节。

1、document对象属性

document对象属性

属性    说明
title    文档标题，即title标签内容
URL    文档地址
fileCreateDate    文档创建日期
fileModifiedDate    文档修改时间（精确到天）
lastModified    文档修改时间（精确到秒）
fileSize    文档大小
fgColor    定义文档的前景色
bgColor    定义文档的背景色
linkColor    定义“未访问”的超链接颜色
alinkColor    定义“被激活”的超链接颜色
vlinkColor    定义“访问过”的超链接颜色

2、document对象方法

document对象方法

方法说明

document.write()    输入文本到当前打开的文档
document.writeIn()    输入文本到当前打开的文档，并添加换行符“\n”
document.getElementById()    获取某个id值的元素
document.getElementsByName()    获取某个name值的元素，用于表单元素

上面列出了document对象常用的属性和方法，跟window对象的学习一样，在JavaScript入门阶段，站长只会给大家讲解最实用的。对于那种压根儿用不上的，我也懒得花时间去写。

二、训练题（1）网页动态标题

在浏览网页的时候，我们经常看到不少网页标题在闪动。这一节我们给大家讲解一个实际开发中的技巧“网页动态标题”。

实现代码如下：


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        //定义全局变量，用于标识

        var flag = 0;

        window.onload = function () {

            //定时器

            setInterval("titleChange()", 1000);

        }

        //定义函数

        function titleChange() {

            if(flag==0)

            {

                document.title = "★☆★绿叶学习网★☆★";

                flag = 1;

            }

            else

            {

                document.title = "☆★☆绿叶学习网☆★☆";

                flag = 0;

            }

        }

    </script>

</head>

<body>

</body>

</html>

在浏览器预览效果如下：