JavaScript之浏览器对象编程练习

来源：互联网发布：调度算法有哪些编辑：程序博客网时间：2024/05/17 21:48

制作一个跳转提示页面：

要求：

1. 如果打开该页面后，如果不做任何操作则5秒后自动跳转到一个新的地址，如慕课网主页。

2. 如果点击“跳转”按钮则新弹出一个页面。

demo：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>浏览器对象</title></head><body>  <!--先编写好网页布局-->  <div>  <h4 id="p1">操作成功</h4>  <strong id="daojishi">5</strong>秒后回到主页  <a href="javascript:go()">跳转</a>  </div>  <script type="text/javascript">      //获取显示秒数的元素，通过定时器来更改秒数。    var i;    var a=5;document.write("<br>"+window.screen.width+"<br>");document.write("<br>"+window.screen.height+"<br>");//通过window的location和history对象来控制网页的跳转。    function count(){        if(a==1){window.location.href="http://www.imooc.com/";        clearInterval(i);             return;        }               a--;        document.getElementById("daojishi").innerHTML=a;    }        function go(){alert("开始跳转");        window.open("http://www.baidu.com","_blank");    }    i = setInterval(count,1000);      </script> </body></html>

0 0