美文网首页
05 【案例】HTML : 文档标题

05 【案例】HTML : 文档标题

作者: Toyou2018 | 来源:发表于2018-02-13 10:25 被阅读0次

1.标题的应用场景

标签页上显示、浏览器的历史记录、收藏夹的名称还有搜索引擎搜到的内容

2.文档标题的特性

<title>标签,表示文档的标题或名称,注意一个文档最多一个标题,元素的内容是被当做文本处理的,可以通过脚本设置和获取标题:document.title

3.案例:

在标题中加入进度条的显示

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title></title>

    </head>

    <body>

        <h2>这是一个网页</h2>

        <script>

            var percent = 0;

            var title = "这是一个网页";

            var timer = setInterval(function(){

                if (percent >= 100){

                    document.title = title;

                    clearInterval(timer);

                }else{

                    percent = percent + 1;

                    document.title = '【'+percent+'%】'+title;

                }

            },100)

        </script>

    </body>

</html>

但是老师演示的是有滚动效果的,这个我还不会,等学好了回来写...

相关文章

  • 05 【案例】HTML : 文档标题

    1.标题的应用场景 标签页上显示、浏览器的历史记录、收藏夹的名称还有搜索引擎搜到的内容 2.文档标题的特性 标签,...

  • html学习第二天

    HTML头部 - 定义了HTML文档的标题使用 标签定义HTML文档的标题 标签定义HTML文档的标题 -...

  • HTML:基础(4)标题

    HTML 标题 在 HTML 文档中,标题很重要。 HTML 标题 标题(Heading)是通过 - 标签...

  • HTML 标签

    基础 文档类型 HTML 文档 文档标题 文档主体 to 标题 段落 换行 水平线 ...

  • NO.53 HTML基础

    声明HTML: 设置标题: 创建 HTML 文档 设置编码: 标题元素: - 段落元...

  • HTML 标题

    在 HTML 文档中,标题很重要。 HTML 标题 标题(Heading)是通过 - 标签进行定义的. ...

  • HTML速查列表

    HTML 基本文档 文档标题 可见文本... 基本标签(Basic Tags) 最...

  • HTML 标题

    在 HTML 文档中,标题很重要。 HTML 标题 标题(Heading)是通过 - 标签进行定义的. 定...

  • HTML标题

    在 HTML 文档中,标题很重要。 HTML 标题 标题(Heading)是通过 - 等标签进行定义的。 ...

  • 50-html基础标签

    一、常用HTML标签元素 创建一个HTML文档 设置文档标题和其它在网页中不显示的信息 设置文档的标题 ...

网友评论

      本文标题:05 【案例】HTML : 文档标题

      本文链接:https://www.haomeiwen.com/subject/xwertftx.html