任务视频V2.0

任务视频V1.0

知识点

document对象常用属性       

教学课件V2.0

教学课件V1.0

制作网页标题交替显示

任务描述

每隔两秒钟切换网页标题

任务分析

1. 创建静态页面index.html。

2. 定义窗体加载事件处理函数changeTitle。

3. 在函数changeTitle中通过定时器每隔2秒钟修改网页的标题。

任务实现

<script type="text/javascript">

    var index = 0;

    function changeTitle(){

       if(index % 2 == 0){

            document.title = "★☆美丽说，发现美★☆";   

       } else {

            document.title = "☆★美丽说，分享美☆★";   

       }

       index ++;

       setTimeout("changeTitle()"， 2000);

    }

    window.onload= changeTitle;

</script>

 案例素材

每隔1秒钟在页面标题栏位置交替显示自己的学号与姓名

图1 姓名

图2 学号

参考答案