美文网首页
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 : 文档标题

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